1. <article>:
- 用于表示文档、页面或应用程序中的一块独立的内容,比如一篇文章、一篇博客、一组评论等。
<article>
<h2>文章标题</h2>
<p>文章内容...</p>
</article>
2. <section>:
- 表示文档中的一个区块或章节,通常包含一组相关的内容。
<section>
<h2>节标题</h2>
<p>节内容...</p>
</section>
3. <nav>:
- 用于定义导航链接的区域。
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
4. <header>:
- 表示文档或节的头部,通常包含标题、子标题、标志等。
<header>
<h1>网站标题</h1>
<p>网站副标题</p>
</header>
5. <footer>:
- 表示文档、节、文章或页面的脚注部分,通常包含版权信息、作者信息、联系方式等。
<footer>
<p>© 2023 版权所有</p>
</footer>
6. <aside>:
- 表示与页面内容关联度较低的内容,通常用于侧边栏、广告或相关链接。
<aside>
<h2>相关链接</h2>
<ul>
<li><a href="#">链接1</a></li>
<li><a href="#">链接2</a></li>
</ul>
</aside>
7. <main>:
- 表示文档的主体内容,通常用于包裹页面的主要内容部分。
<main>
<h1>主要标题</h1>
<p>主要内容...</p>
</main>
8. <figure> 和 <figcaption>:
- <figure> 用于包裹媒体内容(如图像、图表、视频),<figcaption> 用于为 <figure> 提供标题。
<figure>
<img src="image.jpg" alt="图像描述">
<figcaption>图像标题</figcaption>
</figure>
这些新元素有助于更清晰地组织和描述文档结构,提高了 HTML 的语义性。使用这些元素能够让开发者更容易理解和维护代码,同时也提供了更好的可访问性和搜索引擎优化。
转载请注明出处:http://www.zyzy.cn/article/detail/12424/HTML