语义化是指根据内容的结构化，选择合适的标签。即用正确的标签来做正确的事情。
1.HTML 语义化的优点：
-
对机器有好，更适合搜索引擎的爬虫爬取有效信息，有利于seo。除此之外，语义类标签还支持读屏软件，根据文章可以自动生成目录。
-
对开发者有好，使用语义类标签增强了可读性，使结构更加清晰，开发者能清楚的看出网页的结构，便于团队的开发和维护。
2.怎么做才能写出语义化的 HTML?
-
少使用/不使用 div 和 span 标签；
-
用 p 标签 代替 div 标签；
-
不使用样式标签，例如： b、font 标签
-
强调文本放在 strong 或者 em 标签中，不要用 b、i 标签中；
-
使用表格 table 时，标题用 caption，表头用 thead，主体用 tbody,尾部用 tfooter，表头用th, 单元格用 td。表单域用 fileset 包裹，用 lengend 标签说明表单的用途。
-
input 标签通过 id 属性或者 for 属性与 label 标签关联
3.常见语义化标签：
<header></>
<header></header> // 头部
<nav></nav> // 导航栏
<section></section> // 区块（有语义化的div）
<main></main> // 主要区域
<article></article> // 主要内容
<aside></aside> // 侧边栏
<footer></footer> // 底部
