HTML 内容组织元素
前端
HTML
合理使用内容组织元素,能帮助浏览器等设备更好地理解网页的内容。
p
p
元素用来表示段落,列表元素ol
和ul
不能包含于p
元素中。
address
address 元素用来表示联系方式。
<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
元素。
<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>
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 中用来标记内容结构的最常用元素,用来将相关的元素组织在一起,形成逻辑上的整体。