- 语义化标签:提升网页结构
HTML5引入了一些新的语义化标签,使得网页结构更加清晰和可读。以下是一些常用的语义化标签及其作用:
<header>
:定义页面或区块的页眉,通常包含网站的标题、Logo等。<nav>
:定义导航栏,用于包含网站的导航链接。<main>
:定义网页的主要内容,每个页面只能有一个<main>
标签。<article>
:定义独立的文章内容,比如博客文章、新闻报道等。<section>
:定义页面中的节或区块,可以用来组织相关的内容。<aside>
:定义页面的侧边栏或附属内容,通常包含与主要内容相关的辅助信息。<footer>
:定义页面或区块的页脚,通常包含版权信息、联系方式等。
下面是一个简单的示例代码,展示如何使用这些语义化标签: