●怪异模式
●部分怪异(近乎标准)模式 关于IE浏览器的文档模式,浏览器模式,严格模式,怪异模式,DOCTYPE 标签,可详细阅读模式?标准!的内容。
charset
声明文档使用的字符编码,
XML/HTML Code复制内容到剪贴板
<meta charset="utf-8">
html5 之前网页中会这样写:
XML/HTML Code复制内容到剪贴板
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
这两个是等效的,具体可移步阅读:<meta charset=’utf-8′> vs <meta http-equiv=’Content-Type’>,所以建议使用较短的,易于记忆。
lang属性
简体中文
XML/HTML Code复制内容到剪贴板
<html lang="zh-cmn-Hans">
繁体中文
XML/HTML Code复制内容到剪贴板
<html lang="zh-cmn-Hant">
为什么 lang="zh-cmn-Hans" 而不是我们通常写的 lang="zh-CN" 呢,请移步阅读: 页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"。
优先使用 IE 最新版本和 Chrome
XML/HTML Code复制内容到剪贴板
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
360 使用Google Chrome Frame
XML/HTML Code复制内容到剪贴板
<meta name="renderer" content="webkit">
360 浏览器就会在读取到这个标签后,立即切换对应的极速核。 另外为了保险起见再加入
XML/HTML Code复制内容到剪贴板
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
这样写可以达到的效果是如果安装了 Google Chrome Frame,则使用 GCF 来渲染页面,如果没有安装 GCF,则使用最高版本的 IE 内核进行渲染。
相关链接:浏览器内核控制 Meta 标签说明文档
百度禁止转码
通过百度手机打开网页时,百度可能会对你的网页进行转码,脱下你的衣服,往你的身上贴狗皮膏药的广告,为此可在 head 内添加
XML/HTML Code复制内容到剪贴板
<meta http-equiv="Cache-Control" content="no-siteapp" />
相关链接:SiteApp 转码声明
SEO 优化部分
页面标题<title>标签(head 头部必须)
XML/HTML Code复制内容到剪贴板
<title>your title</title>
页面关键词 keywords
XML/HTML Code复制内容到剪贴板
<meta name="keywords" content="your keywords">









