HTML文档中头文件说明

7 篇文章 0 订阅

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文件。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值