Html语义化标签

1.什么是html语义化？

简单理解，就是让html标签有自己的含义。

例：<i>图标/标记</i>
<p>一行文字</p>

2.为什么要语义化？

（1）通常语义化html会使代码变得更少，使页面加载更快，并且视觉上使html更优雅、美观；
（2）使html结构变得清晰，便于开发者阅读，有利于开发、维护、整改，提高工作效率；
（3）有利于爬虫和机器很好地解析(有利于SEO功能)。

3.常用语义化标签：

基本标签：
<ul> <li>----定义列表
<label>----定义标签
<i>----斜体，通常用来作为图标/标记的
<p>----定义段落、一行文字
<span>----常用内联容器
<div>----常用块级容器
<h1>~<h6>----定义标题
<a>----锚点，跳转页面

HTML5新增：
<header>：定义文档的头部区域
<nav>：定义主要导航链接部分
<main>：定义了文档的主要内容，一个页面只有一个main标签
<article>：定义页面独立的内容区域
<section>：定义文档中的节或部分
<details>:用于描述文档或文档某个部分的细节
<aside>：定义页面的侧边栏内容
<footer>：定义section或document的页脚