Html5新增标签总结

这篇文章给大家整理了html5新增的九个标签,非常不错,需要的朋友参考下

今天新学习了9个标签、

简单的说就是一个音频标签,他的主要常用属性有src=””音频的路径 controls=”controls” 控制参数,他就是可以让其在页面显示一个播放器的效果autoplay=”autoplay”自动播放属性 loop=”loop”循环次数

定义选项列表。这个其实是一个比较大的改进,不过也有不足,这个标签其实组合了《input标签中的text》和select标签、生产的一个可以输入和下拉选项的输入组合框》。不足之处在于如果不通过JS控制,只有当输入框中为空,定义的下拉选项中才会生效

立即学习“前端免费学习笔记(深入)”;

定义文档细节。这个标签其实用的地方也比较多,常和summary标签用。summary标签里面写文档的标题。p标签写文档的细节

一个高亮的显示标签,再也不用标记某一段文字要用font属性了。

快速创建一个list列表。用法是menu li结合

存放地址的标签

这个是一个进度条标签。他的主要属性有value和max。value表示当前进度条位置,max表示进度条的总共长度。

标签放时间的标签。

初步接触html5的标签。给人的第一感觉就是望文知义。这个标签能够很容易让人记住。

nbsp;html >Html5学习之路
欢迎来到Html5的学习之路,我是header标签。
这是一个定义选项列表的标签datalist 这个的作用就是将text文本框与select标签结合起来        IPhone    华为        小米        三星

这里我发现了两者一个不同之处在于,datalist只有在输入框为空的时候才会有自己定义下拉的内容!
而这个select选项框是不管什么内容它都会存在的    IPhone    华为        小米        三星


------------------------


这是一个定义文档细节的标签。detail标签。它的主要作用很简单。
    这是一个detail标签,下面就是他的使用方法        

detail标签是什么?

        

detail标签有什么作用?

        

detail标签能干什么?

        

detail标签我改怎么用它?


detail标签常与sunmmary标签用在一起。比如这个标签是高亮标签mark比重不一样。

接下来这个标签是定义列表标签。menu。    
  • 西游记
  • 水浒传
  • 红楼梦
  • 三国演义


  • 进度条标签我们用的比较多。比如这个。progressvalue=5 max=10
    我是底部footer标签

    登录后复制

    以上就是Html5新增标签总结的详细内容,更多请关注【创想鸟】其它相关文章!

    版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

    发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2909824.html

    (0)
    上一篇 2025年3月11日 04:26:07
    下一篇 2025年2月24日 04:24:35

    AD推荐 黄金广告位招租... 更多推荐

    相关推荐

    • HTML5讲解之拖拽事件dragstart、drag和dragend

      [导读] 拖拽事件  通过拖拽事件,咱们就可以控制拖拽很多东西了。其中什么元素或者是哪里发生了拖拽事件是最关键的。有些事件是在被拖动的元素上触发,有些事件是在放置目标上触发的。拖动某元素时候,触发的事件有: 拖拽事件     通过拖拽事件,…

      2025年3月11日
      200
    • HTML5实现移动端自适应的几种方法介绍

      这篇文章主要介绍了html5 移动页面自适应手机屏幕四类方法总结,非常具有实用价值,需要的朋友可以参考下 1、使用meta标签:viewport H5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备…

      2025年3月11日
      200
    • HTML5使用四种方法实现移动页面自适应手机屏幕的方法总结

      这篇文章主要介绍了html5 移动页面自适应手机屏幕四类方法总结,非常具有实用价值,需要的朋友可以参考下 1、使用meta标签:viewport H5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备…

      2025年3月11日
      200
    • 极客学院HTML5新特性基础视频课件源码

      html5是html最新的修订版本,2014年10月由万维网联盟(w3c)完成标准制定。html5的设计目的是为了在移动设备上支持多媒体,简单易学。《极客学院html5新特性基础视频教程》将带你了解html5相比html添加了哪些新的特性,…

      2025年3月11日
      200
    • 李炎恢HTML5视频资料分享

      学习《李炎恢html5视频教程》视频教程,将向大家详细介绍html5,html5是超文本标记语言(html)的第五次重大修改,即最新版本;它比原来的标准又增加了一些新的标签,实现更多功能,更标准化,更适用于移动互联网。 视频播放地址:htt…

      2025年3月11日
      200
    • 妙味课堂HTML5视频资料分享

      万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(html)的第五次重大修改(这是一项推荐标准、外语原文:w3c recommendation、见本处参考资料原文内容:)。 2014年10月29日,万维网联盟宣布,经过接近8年的…

      2025年3月11日
      200
    • 后盾网HTML5视频教程

      《后盾网html5视频教程》是现在以及未来一项重要的技术,学好html5不仅可以让你开发web前端界面,设计出能够适应各种尺寸设备的网页;甚至可以让你使用html5技术开发出hybird app(一种混合式开发android/ios/win…

      2025年3月11日
      200
    • 秀野堂html5入门视频教程的资源推荐

      html5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。html5还引进了新的功能,可以真正改变用户与文档的交互方式,html5在2007年被万维网联盟(w3c)新的工…

      2025年3月11日
      200
    • HTML5音乐可视化视频教程的资源推荐

      单纯的音乐播放是否过于单调,在听音乐的同时如果也能看见音乐是否更加带感。本课程将带领你使用webaudio和canvas将你的音乐以你喜欢的形式可视化出来,让你的音乐动起来。 课程播放地址:http://www.php.cn/course/…

      2025年3月11日
      200
    • HTML5和CSS3扁平化风格博客教程的资源分享

      本课程通过css3扁平化风格博客的实例详细讲解,让大家更容易理解常规网页的组成部分,灵活的使用不同部分web组件,理解它的构成思想,以及网页灵活的布局和设计。我们也可以由宏观到微观去掌握整体的布局。 课程播放地址:http://www.ph…

      2025年3月11日
      200

    发表回复

    登录后才能评论