霍者博客

HTML5新增标签、语义特性-文档声明

文档声明,定义和用法

声明必须位于HTML5文档中的第一行,也就是位于标签之前。该标签告知浏览器文档所使用的HTML规范。

doctype声明不属于HTML标签;它是一条指令,告诉浏览器编写页面所用的标记的版本。

在所有HTML文档中规定doctype是非常重要的,这样浏览器就能了解预期的文档类型。

HTML4.01中的doctype需要对DTD进行引用,因为HTML4.01基于SGML。而HTML5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行。)。

结构性标签

结构性标签(constructtag)主要负责Web的上下文结构的定义,确保HTML文档的完整性,这类标签包括以下几个:

section:用于表达书的一部分或一章,或者一章内的一节。在Web页面应用中,该标签也可以用于区域的章节表述。

hgroup:对网页或区段(section)的标题进行组合:

header:页面主体上的头部,注意区别于head标签。这里可以给初学者提供一个判断的小技巧:head标签中的内容往往是不可见的,而header标签往往在一对body标签之中。

footer:页面的底部(页脚)。通常,人们会在这里标出网站的一些相关信息,例如关于我们、法律申明、邮件信息、管理入口等。

nav:是专门用于菜单导航、链接导航的标签,是navigator的缩写。

article:用于表示一篇文章的主体内容,一般为文字集中显示的区域

块级性标签

级块性标签(blocktag)主要完成Web页面区域的划分,确保内容的有效分隔,这类标签包括以下几个:

aside:用以表达注记、贴士、侧栏、摘要、插入的引用等作为补充主体的内容。从一个简单页面显示上看,就是侧边栏,可以在左边,也可以在右边。从一个页面的局部看,就是摘要。

figure:标签规定独立的流内容,通常与figcaption联合使用。

code:表示一段代码块。

dialog:对话标签配合dtdd标签使用

行内标签

行内语义性标签(in-linetag)主要完成Web页面具体内容的引用和表述,是丰富内容展示的基础,这类标签包括以下几个:

meter:表示特定范围内的数值,可用于工资、数量、百分比等max表示最大值,min表示最小值,value代表当前值。

time:表示时间值,属性datetime强调时间

progress。用来表示进度条

多媒体标签

video:视频标签,用于支持和实现视频(含视频流)文件的直接播放,支持缓冲预载和多种视频媒体格式,例如MPEG-4、OggV和WebM等。

audio:音频标签,用于支持和实现音频(音频流)文件的直接播放,支持缓冲预载和多种音频媒体格式。

列表标签

datalist:标签定义选项列表。请与input元素配合使用该元素,来定义input可能的值。datalist及其选项不会被显示出来,它仅仅是合法的输入值列表。

所有主流浏览器都支持datalist标签,除了internetExplorer和Safari。

交互性标签

交互性标签(interactivetag)主要用于功能性的内容表达,会有一定的内容和数据的关联,是各种事件的基础,这类标签包括以下几个:

menu:主要用于交互菜单(这是一个曾被废弃现在又被重新启用的标签)。

command:用来处理命令按钮。

原创文章请注明转载自霍者博客本文地址:http://www.huozheweb.com/post/303.html,标题:HTML5新增标签、语义特性-文档声明

【我来说两句】
分享到:

评论 0

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。