语义是指对一个词或者句子含义的正确解释。很多 html 标签也具有语义的意义，，也就是说元素本身传达了关于标签所包含内容类型的一些东西。

为什么要语义化？

• 代码结构：在页面没有 css 的情况下，亦可以呈现出很好的内容结构
• 有利于 SEO：爬虫依赖标签来确定关键字的权重，因此可以和搜索引擎建立良好的沟通，帮助爬虫抓取更多的有效信息
• 提高用户体验：title、alt 等属性可以用于解释名称或解释图片信息
• 利于团队开发和维护：语义化使得代码更具有可读性，让其他开发人员更加容易理解代码结构
• 方便其他设备解析：如屏幕阅读器、盲人阅读器、移动设备等可以用有意义的方式来渲染网页

牛客真题
知乎解析

preload 提前加载

preload顾名思义就是一种预加载的方式，它通过声明向浏览器声明一个需要提交加载的资源，当资源真正被使用时立即执行，无需等待网络的消耗。
当浏览器解析到这行代码就会去加载 href 中对应的资源，但不执行，待到真正使用到的时候再执行。

Internet Explorer 的问题

上述方案可用于所有新的 HTML5 元素，但是：
注意：Internet Explorer 8 以及更早的版本，不允许对未知元素添加样式。
幸运的是，Sjoerd Visscher 创造了 "HTML5 Enabling JavaScript","the shiv"：

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->