HTML5语义化

写篇博客重新开始我的写作（苦逼）生涯。

HTML的进化史

• 19世纪80年代，在物理学家李爵士创造出来HTML之后，HTML作为一种超文本标记语言，出现在世间。
• 19世纪90年代初，在经历了一堆的简写英文组织审查，参考了从来没有听过的文件类型，HTML2诞生了。（貌似可以写一篇宫斗小说）
• 在2000年世纪大年的时候，荣升国际标准，W3C维护，变成HTML4.(HTML3据说因为标签其内容和样式混杂，导致页面开发相当地困难，所以被无情地抛弃了)
• 2014年出了HTML5
  注意:XHTML并没有介绍，因为要统一标准，支持HTML5的开发工作，XHTML被弃用。
  

为什么有HTML语义化的概念

这个没有统一的说法，但是我们从历史发展的角度可以看出来，中途HTML的开发是出现过歧路的（样式不分离）。

1. 用可以添加样式的HTML的标签在页面上添加样式，这个页面你看过之后，压根不知道哪个是页面的内容，哪个是样式标签；
2. 为什么要现在样式分离（仅HTML的CSS的角度），因为假如所有的功能都是使用HTML标签非常不容易管理，比如要替换某个主题色，或者某段字体的font，那么查找修改的工作量会非常大。

好，那么CSS诞生出来，专门解决HTML的冗杂问题，把所有的样式，尽量使用CSS来记录，页面上全部都是页面的内容。

这样样式就分离开了
但是，我们会发现，既然用户不看代码，样式又都用CSS来处理，HTML全部写成div不就很简单吗？另外一些语义并不是很合适的标签，因为其默认样式比较合适，就被使用。然后这个HTML的内容可读性就很差了，虽然不会出现问题，但是在维护上增加了难度。说实话就算你是作者，一周不看你就会被一堆div搞晕。

而且不利于SEO。

那要怎么做才是HTML语义化呢？

我的理解是，你这HTML能够层次分明，像一篇文章一样能够有开头<header>，摘要<nav>，主要内容<main>，分节<section>，引用的文章<article>，结尾<footer>等。
做一个层次感（优越感）的前端。