HTML head 常用标签

HTTP Headers 相关

字符编码

定义文档字符编码:

<!-- HTML5 -->
<meta charset="UTF-8" />

<!-- HTML4 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

Tips:

<meta> 元素必须包含在 <head> 元素中并且在HTML代码的前 1024 个字节内,因为某些浏览器在选择编码之前只查看前面这些字节。

<meta> 元素只是 algorithm to determine the character set 中的一部分。 HTTP的 Content-Type 头部以及任何 Byte-Order Marks 元素都优先于此元素。

页面刷新

倒计时刷新页面:

<!-- 5s 后刷新页面 -->
<meta http-equiv="refresh" content="5" />

倒计时跳转页面:

DNS 预解析

开启 DNS 预解析,并指定预解析的域名:

SEO 相关

页面信息

页面标题:

页面关键字(一般不超过 874 个字符):

页面描述(一般不超过 150 个字符):

搜索引擎

约定搜索引擎爬虫行为:

桌面浏览器兼容

双核浏览器设置

国内双核浏览器设置:

IE9 以下浏览器

指定渲染模式:

移动设备适配

移动视口适配

设置移动设备初始视口大小:

Safari 浏览器

关闭 iOS Safari (UIWebView) 自动识别:

Smart App Banner:

QQ 浏览器

QQ 浏览器设置:

UC 浏览器

UC 浏览器设置:

百度移动适配

移动端百度搜索结果跳转适配:

链接外部资源

加载链接的外部资源:

参考文献

Last updated

Was this helpful?