主题
常见语义标签
语义标签是 HTML5 引入的一类标签,用于明确网页不同部分的意义,便于浏览器和开发者理解页面结构。
主要语义标签介绍
<header>
定义页面或区块的头部,通常包含标题、导航等元素。<nav>
用于导航链接的区域,标识主要菜单或目录。<main>
页面主体内容的容器,且页面中只能有一个<main>
。<section>
页面中的章节或分区,用于组织相关内容。<article>
独立完整的内容块,如博客文章、新闻、评论等。<aside>
侧边栏或补充内容,常用来放置广告、链接、引用等。<footer>
页面或区块的页脚,包含版权、联系信息等。<figure>
与<figcaption>
图像或图表及其说明。<time>
表示时间或日期。
示例结构
通过合理使用语义标签,网页结构更清晰,内容更具层次,方便维护和优化。