一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。
前言
有一些非常重要却容易被忽视的标签，这些标签大多数用在页面头部 head 标签内，用户看不见但很重要，比如交互实现、性能优化、搜索优化，合理利用它们就可以达到事半功倍的效果。
容易忽视的标签作用
meta 标签：自动刷新/跳转
自动跳转
假设要实现自动跳转的效果，你很可能会想到使用 JavaScript 定时器控制页面跳转来实现。但其实有更加简洁的实现方法，比如通过 meta 标签来实现：
<meta http-equiv="Refresh" content="5; URL=page2.html" />
上面的代码会在5s之后自动跳转到同域下的page2.html页面。只需要在每个页面的 meta 标签内设置好下一个页面的地址即可。
自动刷新页面
<meta http-equiv="Refresh" content="60">
比如每隔一分钟就需要刷新页面的大屏幕监控，也可以通过 meta 标签来实现，只需去掉后面的 URL 即可。
script 标签：调整加载顺序提升渲染速度
- async 属性。立即请求文件，但不阻塞渲染引擎，而是文件加载完毕后阻塞渲染引擎并立即执行文件内容。
- defer 属性。立即请求文件，但不阻塞渲染引擎，等到解析完 HTML 之后再执行文件内容。
- HTML5 标准 type 属性，对应值为“module”。让浏览器按照 ECMA Script 6 标准将文件当作模块进行解析，默认阻塞效果同 defer，也可以配合 async 在请求完成后立即执行。
绿色的线表示执行解析 HTML ，蓝色的线表示请求文件，红色的线表示执行文件。
module时，默认时defer如果设置了async：
link 标签：通过预处理提升渲染速度
大型单页应用进行性能优化时，也许会用到按需懒加载的方式，来加载对应的模块，但如果能合理利用 link 标签的 rel 属性值来进行预加载，就能进一步提升渲染速度。
- dns-prefetch。当 link 标签的 rel 属性值为“dns-prefetch”时，浏览器会对某个域名预先进行 DNS 解析并缓存。这样，当浏览器在请求同域名资源的时候，能省去从域名查询 IP 的过程，从而减少时间损耗。
- preconnect。让浏览器在一个 HTTP 请求正式发给服务器前预先执行一些操作，这包括 DNS 解析、TLS 协商、TCP 握手，通过消除往返延迟来为用户节省时间。
- prefetch/preload。两个值都是让浏览器预先下载并缓存某个资源，但不同的是，prefetch 可能会在浏览器忙时被忽略，而 preload 则是一定会被预先下载。
- prerender。浏览器不仅会加载资源，还会解析执行页面，进行预渲染。
