HTML语义化

HTML语义化

1. 含义

根据文档结构、内容等，选择合适的语义标签 ( 用正确的标签做正确的事 )。

2. 优点

• HTML结构清晰

• 代码可读性较高

• 利于SEO

• 便于维护和开发

• CSS加载失败的情况下，也能较好的展现页面

3. H5的一些语义化标签 (不一一介绍了)

• <header>

  定义页面的介绍信息 ( 标题、logo等 )

• <nav>

  定义页面的导航信息 ( 导航栏、链接等 )

• <main>

  定义页面的主要内容 ( 唯一 )

• <article>

  定义页面中的一部分独立的内容，通常包含标题

• <section>

  定义页面中的一部分独立的内容，通常是整体的一部分或者文章的一节

• <aside>

  侧边栏，用于展示主体内容的一些附属信息 ( 作者信息、广告等 )

• <footer>

  页脚，通常包含作者、版权信息或者相关链接等