信不信由你加这个前缀能避免与HTML以后版本的冲突_html/css_WEB-ITnose

header页面或区段的头部

header元素是一种具有引导和导航作用的元素。头部可能包含从公司LOGO到搜索框在内的各种各样的内容，所以不要把header与h1等标签混为一谈。同一个页面中可以包含多个header元素，每个独立的区段或文章段都可以拥有自己的头部。

文章正文......

footer页面或区段的尾部

footer元素用来为文档或相邻区段定义尾部信息。HTML5规范中允许在同一个页面中出现多个footer元素，也就是说在section或者article中也可以使用footer,footer与header类似通常也包含其它元素。footer通常包括其相关区块的附加信息，如作者、相关阅读链接以及版权信息等。

以下都是本人确切的精髓来的，绝对没有介绍错

我联合互联网上的一群大牛，组建了一个编程的免费学习群，你只需要来我们这个群里听就行，前面一部分数字为思其一，中间一些数字是零儿七，后段一数字是一武4， 这里有免费的学习资源，每天直播课程，不需要你付出什么，只需要有一颗学习的心就可以了。 不是想要学习的就不要加了。

nav页面或区段的导航区域

页面中可以包含多个nav元素，通常情况下头部和尾部都会包含导航，这样提高了可访问性，访客能够清晰的将其辨认出来。nav元素是一个可以用来作为页面导航的链接组；其中的导航元素链接到其他页面或当前页面的其他部分。

section页面的逻辑区域或内容组合

section区段是页面上的逻辑区域，在描述页面逻辑区域时，我们可以使用section元素来代替之前被随意滥用的div标签，section可以表示成一个小节。事实上我们就是利用section元素将内容合理归类。一般来说一个section包含一个head和一个content内容块。

section元素不是一般的容器元素，所以如果一个元素需要定义相应的style或者script脚本的话，那推荐使用div元素，section的使用条件是确保这个元素的内容能够明确地展示在文档的大纲里。

article正文或一篇完整的内部

最适合描述网页实际内容的元素非article标签莫属。section标签视为对文档逻辑部分的描述，而将article标签视为对具体内容的描述。区段可以包含多篇文章，文章内容又可以划分若干区段。section元素是更通用的元素，可以用来从逻辑上对其他元素进行分组。 如果元素的内容集中到一起显示可以表达相应的意思的话，那就可以定义成article元素，而没必要使用section元素。

我们可以在article元素内部使用header元素和footer元素，以更方便的描述具体的逻辑区域，也可以使用section元素将文档分为多个部分。

article代表了一个文档内容的独立片段， article 是一个特殊的 section 标签，它比 section 具有更明确的语义, 它代表一个独立的、完整的相关内容块。一般来说， article 会有标题部分(通常包含在 header 内)，有时也会 包含 footer 。虽然 section 也是带有主题性的一块内容，但是无论从结构上还是内容上来说，article 本身就是独立的、完整的。 当 article 内嵌 article 时，原则上来说，内部的 article 的内容是和外层的 article 内容是相关的。

aside补充或相关内容

有时候我们需要为主要内容添加一些附加信息，如引言、图表、相关链接等，这时候就可以使用aside标签来标识。

自定义数据属性

开发人员可以在任何元素上定义他们想要的任何属性，只要他们在其之前加上 data- 的前缀，以此避免与未来的HTML版本的冲突，asp.net MVC下的jQuery验证就是采用这种方式。使用自定义数据属性为客户端脚本提供了额外的信息。自定义数据属性不会使浏览器出错 ，同时HTML5文档类型声明可保证文档是有效的。因为所有自定义数据属性都是以data-前缀开头，HTML5文档的验证器会在验证时忽略它。几乎在所有的浏览器中你都能够使用自定义属性，所以我们就可以用JavaScript中轻易获取它们。

构造可访问的页面，第一步就是确保禁用JavaScript的情况下，所有功能仍然能够正常运转。顺便说一句在HTML5中，废弃了onclick等，这是因为像onclick属性它让行为和内容太紧密耦合了。