html中的meta标签

时间:2022-11-12 07:34:27

1.定义

meta元素提供页面的原信息,位于文档头部

2、必须的属性

content属性

该属性提供名称/值对中的值,使用要与http-equiv或name属性一起使用

3、可选的属性

3.1、http-equiv 属性   

对应的值有:content-type、expires、refresh、set-cookie  

该属性把content属性关联到http头部,提供名称/值对中的名称,指示服务器在发送实际文档之前要传送给浏览器MIME文档头部包含名称/值对

该属性对应的值还有X-UA-Compatible,是ie8新加的一个设置,对于ie8以下的浏览器是不识别的,通过它可以指定网页的兼容模式

<meta http-equiv="X-UA-Compatible" content="IE=7">  
#以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=8">
#以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
#以上代码告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=7,9">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
#以上代码IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame.

服务器向浏览器发送文档时,至少要发送一个:content-type:text/html,告诉浏览器准备接受一个html文档

3.2、name属性

对应的值有:author、description、keywords、generator、revised、others  

该属性把content关联到一个名称,提供名称/值对中的名称

<meta name="keywords" content="HTML,ASP,PHP,SQL">

这样的meta标签有助于搜索引擎对文档进行分类

name的值为viewport时,可以指定用户是否可以缩放web页面

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

width:控制 viewport 的宽度,可以是一个定值,如 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
maximum-scale:允许用户缩放到的最大比例。
minimum-scale:允许用户缩放到的最小比例。
user-scalable:用户是否可以手动缩放 

<meta name="format-detection" content="telephone=yes"/>

在iPhone 手机上默认值是(电话号码显示为拨号的超链接),若将telephone=no,则手机号码不被显示为拨号链接  

<meta name="apple-mobile-web-app-capable" content="yes" />

网站开启对web app程序的支持

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

在web app应用下状态条(屏幕顶部条)的颜色

默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)

3.3、scheme属性

用于翻译content属性值的格式