1、h1~h6,添加基本标题
h1~h6
<h1>test</h1>
2、hgroup元素,隐藏子标题
hgroup元素可以用来将几个标题元素作为一个整体处理,以免搅乱HTML文档的大纲。
通过缩小hgroup元素中两个标题元素的间距将二者拉拢在一起,并且为二者设置同样的背景色,可以在外观上明确揭示二者的关系。
3、生成节
section元素是HTML5中新增的。顾名思义,它表示的是文档中的一节。使用标题元素的时候实际上也生成了隐含的节。用section元素则可以明确地生成节并且将其与标题分开。至于什么情况下应该使用section元素,并没有一个明确的规定。不过从经验上讲,section元素用来包含的是那种应该列入文档大纲或目录中的内容。section元素通常包含一个或多个段落及一个标题,不过标题并不是必需的。
<section>
<h1>
test
</h1>
<section>
</section>
</section>
4、header,footer元素,添加首部和尾部
header元素表示一节的首部。里面可以包含各种适合出现在首部的东西,包括刊头或徽标。在内嵌的元素方面,header元素通常包含一个标题元素或一个hgroup元素,还可以包含该节的导航元素。
footer元素是header元素的配套元素,表示一节的尾部。footer通常包含着该节的总结信息,还可以包含作者介绍、版权信息、到相关内容的链接、徽标及免责声明等。
5、nav元素,添加导航区域
nav元素表示文档中的一个区域,它包含着到其他页面或同一页面的其他部分的链接。显然,并非所有的超链接都要放到nav元素中。该元素的目的是规划出文档的主要导航区域。
6、使用article
article元素代表HTML文档中一段独立成篇的内容,从理论上讲,可以独立于页面其余内容发布或使用(例如通过RSS )。这不是说作者必须单独发布它,而是说判断是否使用该元素时要以独立性为依据。一篇新文章和博文条目都是这方面的典型例子。
7、生成附注栏
aside元素用来表示跟周边内容稍沾一点边的内容,类似于书籍或杂志中的侧栏。其内容与页面其他内容、article或section有点关系,但并非主体内容的一部分。它可能是一些背景信息、到相关文章的链接,诸如此类。
8、提供联系信息
address元素用来表示文档或article元素的联系信息。
address元素身为article元素的后代元素时,它提供的联系信息被视为该article的。否则,当address元素身为body元素的子元素时(在body元素和address元素之间没有隔着article元素),它提供的联系信息被视为整个文档的。
address元素不能用来表示文档或文章的联系信息之外的地址。例如,它不能用在文档内容中表示客户或用户的地址。
9、生成详情区域
details元素在文档中生成一个区域,用户可以展开它以了解关于某主题的更多详情。
details元素通常包含一个summary元素,后者的作用是为该详情区域生成一个说明标签或标题。
<details>
<summary>kinds of triathlon</summary>
following:
<ol>
<li>20 km</li>
<li>40 km</li>
</ol>
</details>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。