合理使用内容组织元素,能帮助浏览器等设备更好地理解网页的内容。
p
p元素用来表示段落,列表元素ol和ul不能包含于p元素中。
address
address 元素用来表示联系方式。
html
<footer>
<address>
要了解更多信息,请联系<a href="mailto:[email protected]">作者</a>.
</address>
<p><small>© copyright 2038 Example Corp.</small></p>
</footer>hr
hr元素表示段落级别的语义中断,例如,一个故事中的场景切换,或者文章中的主题切换。
pre
Pre元素表示预定义格式的文本块,常用来标记诗歌、代码等等内容。
blockquote
Blockquote元素表示从别处引用的内容。
ol
Ol 元素表示一组有序列表,所谓有序列表,就是列表项目的顺序是有意义的,如菜谱中的工序。列表项目使用li元素标记。
ul
Ul 元素表示一组无序列表,所谓无序,就是列表的顺序可以随意改变,列表项目使用 li 元素标记。
li
Li元素表示列表中的项目。
dl
dl元素表示一组包含“名称-值”的自定义列表,其中名称使用dt标记,值可以是一个或者多个dd元素。
HTML
<dl>
<dt> 作者 </dt>
<dd> Adam </dd>
<dd> Cui </dd>
<dt> 编辑 </dt>
<dd> Fang </dd>
</dl>dt
Dt 元素用来表示自定义列表 dl 中的名称、术语。
dd
Dd 元素用来表示自定义列表dl中名称dt的解释、定义或者值。
figure
Figure 元素用来表示对插图、图表、照片、代码块等内容的引用。
HTML
<figure>
<img src="bubbles-work.jpeg">
<figcaption>图片标题</figcaption>
</figure>figcaption
Figcaption元素用来表示figure元素中的标题。
main
Main元素表示文档或者应用的最重要或者核心部分。main元素可与header、footer一起标记网页的内容。
在文档中,<main> 元素的内容应当是独一无二的。任何同时存在于任意一系列文档中的相同、重复内容,比如侧边栏、导航栏链接、版权信息、网站 Logo,搜索框(除非搜索框为文档的主要功能),都不应当被包含在其内。
main元素不要放在article、 aside、 footer、 header、或者 nav元素中。
HTML
<!DOCTYPE html>
<html>
<head>
<title>………………</title>
</head>
<body>
<header>
<nav>
<ul>
<li>……</li>
</ul>
</nav>
</header>
<main>
…………
</main>
<footer>…………</footer>
</body>
</html>div
Div元素本身并没有特殊含义,它是 HTML 中用来标记内容结构的最常用元素,用来将相关的元素组织在一起,形成逻辑上的整体。