HTML head 头标签详细介绍

2020-04-15 21:45:17易采站长站整理

●怪异模式
●部分怪异(近乎标准)模式 关于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">