为什么要语义化？

第一种举例，段落用 p，边栏用 aside，主要内容用 main 标签
第二种
最后是 PHP 后端写 HTML，不会 CSS，于是就用 table 来布局。table 使用展示表格的。严重违反了 HTML 语义化。
后来有了专门的写 CSS 的前端，他们会使用 DIV + CSS 布局，主要是用 float 和绝对定位布局。稍微符合了 HTML 语义化。
再后来，前端专业化，知道 HTML 的各个标签的用法，于是会使用恰当的标签来展示内容，而不是傻傻的全用 div，会尽量使用 h1、ul、p、main、header 等标签

为了SEO，我们会选择 h1标签来突出标题，用strong标签来突出关键字，这其实就是语义化的体现。SEO的原理其实是分析源码来体现或猜测网站要表达的内容。比如我们想表达某篇文章的标题， 我们或许会这样写：

  
文章的标题

但是为了更好的讨好搜索引擎我们最好写成如下形式：

文章的标题