内容组织元素
合理使用内容组织元素,能帮助浏览器等设备更好地理解网页的内容。
内容组织相关元素
p
p元素用来表示段落,列表元素ol和ul不能包含于p元素中。
address
address 元素用来表示联系方式。
<footer> <address> </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元素。
<dl> <dt> 作者 </dt> <dd> Adam </dd> <dd> Cui </dd> <dt> 编辑 </dt> <dd> Fang </dd></dl>dt
Dt 元素用来表示自定义列表 dl 中的名称、术语。
dd
Dd 元素用来表示自定义列表dl中名称dt的解释、定义或者值。
figure
Figure 元素用来表示对插图、图表、照片、代码块等内容的引用。
<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元素中。
<!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 中用来标记内容结构的最常用元素,用来将相关的元素组织在一起,形成逻辑上的整体。