- head标签中必须包含
<title></title>
-
<meta>
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
例如
-
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
回应浏览器有用的信息:文档类型 文档编码等(强行使浏览器用某种编码格式解析,并不是文档所用的编码格式 Content-Lanauage显示字符集的设定
<meta name="author"content="xxxx.com">
<meta name="revised"content="David Yang,8/1/07">
<meta name="generator"content="Dreamweaver 8.0en">
文档描述信息
-
<meta http-equiv="Refresh" content="5;url=http://www.xxxx.cn" />
html页面重定向 本例5秒跳转到url链接 -
<meta name="keywords"content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
文档关键字描述 -
<meta name="description" content="对网站的描述">
对网站的描述 seo经常用到 - viewport
<meta name="viewport" content="width=device-width,initial-scale=1">
width:控制viewport的大小,一般情况指定为device-width(单位为缩放100%的css像素),也可以指定为固定的值如800.
height: 和width相应,指定高度
initial-scale: 初始缩放比例,页面第一次load时候的缩放比例
maximum-scale:允许用户缩放到的最大比例。
minimum-scale:允许用户缩放的最小比例
user-scalable:用户是否可以手动缩放 -
<meta http-equiv="x-ua-compatible" content="ie=edge,chorme=1">
会强制浏览器按照最新的标准去渲染,添加”chrome=1“将允许站点在使用了谷歌浏览器内嵌框架(Chrome Frame)的客户端渲染,对于没有使用的,则没有任何影响。
PS:X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式,对于ie8之外的浏览器是不识别的。
-
<link rel="icon" href="/favicon.ico" type="image/x-icon">
网页左边的小图标,如果没有指定路径,浏览器会在根目录下寻找 - 此外还有style、script等标签