HTML5新增标签的用法

这篇文章将为大家详细讲解有关HTML5新增标签的用法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

网站建设哪家好，找成都创新互联！专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了镇原免费建站欢迎大家使用！

HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。 HTML 5 提供了一些新的元素和属性，反映典型的现代用法网站。其中有些是技术上类似和 标签，但有一定含义，例如

（网站导航块）和

。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能，通过一个标准接口，如和

标记。

这是一个定义选项列表的标签datalist 这个的作用就是将text文本框与select标签结合起来

    
    IPhone
    华为 
    小米 
    三星
    
这里我发现了两者一个不同之处在于，datalist只有在输入框为空的时候才会有自己定义下拉的内容!

而这个select选项框是不管什么内容它都会存在的

IPhone
华为 
小米 
三星

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

这是一个定义文档细节的标签。detail标签。它的主要作用很简单。

这是一个detail标签，下面就是他的使用方法
detail标签是什么？
detail标签有什么作用？
detail标签能干什么？
detail标签我改怎么用它？



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

接下来这个标签是定义列表标签。menu。

    
西游记
水浒传
红楼梦
三国演义

进度条标签我们用的比较多。比如这个。

 progress
value=5 max=10

关于“HTML5新增标签的用法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。