HTML 的语义化标签是指具有明确含义、表达页面结构和内容的标签。使用语义化标签可以提升页面的可读性、可访问性以及搜索引擎优化(SEO)。以下是一些常见的 HTML 语义化标签:
<header>
:表示文档或文档节的页眉部分。-
<header> <h1>网站标题</h1> <nav> <!-- 导航菜单 --> </nav> </header>
<nav>
:表示导航部分。-
<nav> <!-- 导航菜单 --> </nav>
<main>
:表示文档的主要内容。-
<main> <!-- 主要内容 --> </main>
<article>
:表示独立的、完整的内容。-
<article> <!-- 文章内容 --> </article>
<section>
:表示文档中的一个区块或段落。-
<section> <!-- 区块内容 --> </section>
<aside>
:表示页面侧边栏或附属信息。-
<aside> <!-- 侧边栏内容 --> </aside>
<footer>
:表示文档或文档节的页脚部分。-
<footer> <!-- 页脚内容 --> </footer>
<figure>
:表示文档中的图像、插图或配图。-
<figure> <img src="image.jpg" alt="Image"> <figcaption>图像描述</figcaption> </figure>
<figcaption>
:表示<figure>
元素的标题或描述。-
<figure> <img src="image.jpg" alt="Image"> <figcaption>图像描述</figcaption> </figure>
<time>
:表示日期或时间。
<time datetime="2023-09-10">2023年9月10日</time>
通过使用这些语义化标签,可以更好地描述页面结构和内容,提高可读性和可访问性,并帮助搜索引擎理解页面的含义。但请注意,在选择使用语义化标签时,要根据具体的语义和逻辑结构来判断,避免滥用或错误使用。