与

25-01-25 19

本文将介绍与的详细情况，。我们将通过案例分析、数据研究等多种方式，帮助您更全面地了解这个主题，同时也将涉及一些关于与、解疑释惑、详解、意思？的知识。本文目录一览：与">与与">与解疑释惑">解疑释惑详

本文将介绍与的详细情况，。我们将通过案例分析、数据研究等多种方式，帮助您更全面地了解这个主题，同时也将涉及一些关于与、解疑释惑、详解、意思？的知识。

本文目录一览：

与 "> 与
与
解疑释惑">解疑释惑
详解">详解
意思？">意思？

与 "> 与

为了定义HTML5 Doctype的字符集，我应该使用哪种表示法？

Short:

html <meta charset="utf-8" />

Long:

html <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

与

为了为 HTML5 Doctype 定义字符集，我应该使用哪种表示法？

短：
```
<meta charset="utf-8" />
```

长：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

解疑释惑">解疑释惑

1、X-UA-Compatible

X-UA-Compatible是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。

在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。兼容性模式设置优先级：

meta tag > http header

meta tag > http header

常用的例子：

<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.

2、 content = "IE=Edge,chrome=1"

meta信息中常有这么一句：

<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">

这里的chrome=1不是说IE的技术增强了可以模拟Chrome浏览器，而是与谷歌开发的Google Chrome Frame(谷歌内嵌浏览器框架GCF)有关。

这个插件可以让用户的IE浏览器外观不变，但用户在浏览网页时实际上使用的是Chrome的内核，并且支持Windows XP及以上系统的IE6/7/8。

而上文提到的那个meta标记，则是在是安装了GCF后，用来指定页面使用chrome内核来渲染。

自动适应手机屏幕宽度的方法

ViewPort <meta>标记用于指定用户是否可以缩放Web页面，如果可以，那么缩放到的最大和最小缩放比例是什么。使用

ViewPort <meta>标记还表示文档针对移动设备进行了优化。ViewPort <meta>标记的content值是由指令及其值组成的以逗号分隔的列表。

在网页的<head>中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。

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

viewport 语法介绍：
01    <!-- html document -->
02    <meta name="viewport"
03        content="
04            height = [pixel_value | device-height] ,
05            width = [pixel_value | device-width ] ,
06            initial-scale = float_value ,
07            minimum-scale = float_value ,
08            maximum-scale = float_value ,
09            user-scalable = [yes | no] ,
10            target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]
11        "
12    />

其中：

width=device-width ：表示宽度是设备屏幕的宽度

initial-scale=1.0：表示初始的缩放比例

minimum-scale=0.5：表示最小的缩放比例

maximum-scale=2.0：表示最大的缩放比例

user-scalable=yes：表示用户是否可以调整缩放比例

target-densitydpi=

　device-dpi –使用设备原本的 dpi 作为目标 dp。不会发生默认缩放。

　high-dpi – 使用hdpi 作为目标 dpi。中等像素密度和低像素密度设备相应缩小。

　medium-dpi – 使用mdpi作为目标 dpi。高像素密度设备相应放大，像素密度设备相应缩小。这是默认的target density.

　low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大。

　<value> – 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间，超过这个值范围，会使用默认的 target density。

详解">详解

http-equiv，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，

以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

一、

Meta标签的http-equiv属性语法格式是：＜Meta http-equiv="参数" content="参数变量值"＞；其中http-equiv属性主要有以下几种参数：

1.<Meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

content-Type(显示字符集的设定)
说明：设定页面使用的字符集。
用法：

＜Meta http-equiv="content-Type" content"text/html; charset=gb2312"＞

2.<Meta http-equiv="Cache-Control" content="no-cache"/>

清除缓存（再访问这个网站要重新下载！）

Cache-Control头域
Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下
Public指示响应可被任何缓存区缓存
Private指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效
no-cache指示请求或响应消息不能缓存
no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
max-age指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应
min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应
max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。

3.<Meta http-equiv="Expires" content="0"/>

设定网页的到期时间

4.<Meta http-equiv="Pragma" content="no-cache"/>

是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出
用法：

5.＜Meta "Refresh""2；URL=http://www.net.cn/"＞

Refresh(刷新)说明：自动刷新并指向新页面。

6.<Meta http-equiv="Cache-Control" content="no-store"/>

强制缓存在任何情况下都不要保留任何副本

7.<Meta"Pics-label"contect"">

Pics-label(网页等级评定)

8."keywords""keyword1,keyword2,keyword3"

关键字,给搜索引擎用的

意思？">意思？

META，网页Html语言里Head区重要标签之一

HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有

用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-

EQUIV类型有：

1、Content-Type和Content-Language (显示字符集的设定)

说明：设定页面使用的字符集，用以说明主页制作所使用的

文字已经语言，浏览器会根据此来调用相应的字符集显示page

内容。

<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">

该META标签定义了HTML页面所使用的字符集为GB2132，就是

国标汉字码。如果将其中的“charset=GB2312”替换成

“BIG5”，则该页面所用的字符集就是繁体中文Big5码。当你

浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面

需要下载xx语支持。这个功能就是通过读取HTML页面META标签

的Content-Type属性而得知需要使用哪种字符集显示该页面

的。如果系统里没有装相应的字符集，则IE就提示下载。其他

的语言也对应不同的charset，比如日文的字符集是“iso-

2022-jp ”，韩文的是“ks_c_5601”。

Content-Type的Content还可以是：text/xml等文档类型；
Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、

SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-

8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-

kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-

cns11643-1,x-cns11643-2等字符集；Content-Language的

Content还可以是：EN、FR等语言代码。