王子亭的博客

它们的行为和<div>几乎是相同的，只是被赋予了语义.

通过使用语义化标记，可以提高代码的可读性，让浏览器更好地优化你的网页(尤其在移动终端), 以及让搜索引擎爬虫更好地理解你的网页.

• <section>

段落，一个网页可以有多个这样的段落，多个段落之间可能有联系也可能没有联系.

<section&gt;中通常会有<header>(标题)和<footer>(页脚).

• <article>

文章，自成整体的内容，如新闻、日志的正文. 它也可能包含标题和页脚，可以认为是<section>的一种特殊形式.

• <header>

标题，还可以是页眉，包含Logo, 搜索框等.

• <nav>

主导航栏，通常每个页面只有一个，包含指向各个<section>的导航.

• <aside>

侧边栏.

• <figure>

图表、图片、视频等，用于辅助理解文章，在某些情况下被移除也不影响原文的其他信息.

• <footer>

页脚，包括版权信息、相关链接等，提供额外的数据。