Head最佳实践

1. 语言（英文，简体中文，繁体中文）

2. 编码
   请在 中第一行统一使用 utg-8 编码声明。
   

3. Base元素
   尽量不适用元素，绝对地址和URL更好。

4. Viewport
   设置 viewport 的宽度为设备宽度，缩放比例为1（允许用户缩放），设置 viewport-fit=cover 以兼容 iPhone X 全面屏“刘海”的显示。
   

5. DNS 预读取
   DNS 预读取是一项使浏览器主动去执行域名解析的功能，其范围包括当前文档内的所有连接，这能够减少用户点击链接时的延迟。

6. 预加载

7. 预请求
   指示浏览器预先请求用户即将浏览页面所需要的关键性资源。

8. 渲染偏好
   对于国内各种双核浏览器，通过设置 renderer 头要求它们使用 webkit 内核；对于 IE 浏览器，通过设置 IE=edge 要求它使用最新的版本；对于百度搜索强制转码的流氓做法，通过 no-transform 禁止其自动转码；指示浏览器对类似电话、邮箱或地址的内容不要自作聪明的瞎识别（移动端）。

9. 文档信息
   HTML 文档的一些元数据，包括：作者、描述、关键词和生成工具；设置 robots 为 index,follow 指示搜索引擎爬虫该页面需要进入索引，并且页面内的所有链接都要继续跟踪；设置 referrer 为 origin-when-cross-origin 指示浏览器在进行跨域跳转时，其 referrer 值将统一为域名，而非具体的 URL 地址。

原文：https://laozhu.me/post/html-head-best-practices/