1.meta标签
meta是html的元标签,其中包含了对应html的相关信息,客户端浏览器或服务端程序都会根据这些信息进行处理。
1. http-equiv
http-equiv类似于http的头部协议,他回应浏览器一些有用的信息,以帮助正确和精确地显示网页内容。
常用的http-equiv类型有:Content-Type和Content-Lanauage(显示字符集的设定)
说明:设定页面使用的字符集,用以说明主页制作所使用的语言和文字,浏览器会根据此来调用相应的字符集显示网页内容.
属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
http类型:这个网页是表现内容用的
content(内容类型):这个网页的格式是文本的
charset(编码):这个网页的编码是UTF-8,需要注意的是这个是网页内容的编码,而不是文件本身的。
Content-Type的Content还可以是:text/xml等文档类型;
Content-Language的Content还可以是:EN、FR等语言代码。
charset表示编码
expires表示过期时间
set-cookie说明是否存cookie
Refresh表示重定向(也可以当刷新用)
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
上述代码用以声明当前页面用chrome内核来渲染。
X-UA-Compatible是IE8的一个专有属性,它告诉IE8采用何种IE版本去渲染网页。在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果未安装GCF,则使用最高版本的IE内核进行渲染。上述代码为最佳的兼容模式方案。为防止失效,X-UA-Compatible最好紧跟在head之后,之前不要有任何不标准的标签。
2. name
<meta name="renderer" content="webkit">
上述代码默认使用webkit内核进行渲染。
(由于众所周知的原因,国内的主流浏览器都是双核浏览器:基于Webkit的内核用于常用网站的高速浏览,基于IE的内核主要用于部分网银、政府、办公系统等网站的正常使用。)
content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。
<meta name="format-detection" content="telphone=no, email=no" />
当该 HTML 页面在手机上浏览时,该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。no表示不允许,yes表示允许。
其他常用的选项还有Keywords(关键字) ,description(网站内容描述),author(作者),copyright(版权),robots(机器人向导)等。
<meta name="Copyright" content="版权介绍">
<meta name="author" content="作者介绍">
<meta name="keywords" content="该页面的关键词">
<meta name="description" content="该页面的内容介绍">
2. link
定义文档与外部资源的关系,最常见的用途是链接样式表。
<link rel="shortcut icon" href=".1.png" />
rel是relation的缩写,上述代码表示为网页标题加图标。一般有两种写法:
<link rel="shortcut icon" href="图片地址" />
<link rel="icon" href="图片地址" type="image/gif" />
<link rel="bookmark" href="链接文件" />
表示链接文件与此文件的关系,属性值bookmark表示的就是相关文章(书签)的关系。
<link rel="stylesheet" type="text/css" href=“”/>
关联的是一个样式表(stylesheet)文档(.css文件)
3.script
定义客户端脚本,JavaScript 的常见应用为图像操作、表单验证以及动态内容更新。
<script type="text/javascript" src="js/index.js"></script>
引入js文件。