??當(dāng)輸入網(wǎng)址打開(kāi)網(wǎng)頁(yè)時(shí)，設(shè)置html頭部meta的http-equiv屬性，可以幫助瀏覽器更加精確和正常卻的顯示網(wǎng)頁(yè)內(nèi)容，比如設(shè)置網(wǎng)頁(yè)多久自動(dòng)刷新，設(shè)置網(wǎng)頁(yè)在瀏覽器緩存中的時(shí)限，設(shè)置多少事件跳轉(zhuǎn)到指定的網(wǎng)頁(yè)地址，應(yīng)對(duì)低版本瀏覽器的渲染兼容問(wèn)題，以什么樣動(dòng)態(tài)的樣式去打開(kāi)瀏覽器等等等…
首先，我們得知道一張網(wǎng)頁(yè)即html文檔最基礎(chǔ)的代碼形式和作用是怎樣的文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-782012.html
??一、html文檔結(jié)構(gòu)
<!DOCTYPE html>
<!-- 網(wǎng)頁(yè)的頭部，頁(yè)面的全局信息 -->
<html lang="en">
<head>
<!-- 頁(yè)面的標(biāo)題 -->
<title>Document</title>
<!-- 頁(yè)面的元數(shù)據(jù)(形容頁(yè)面的東西) -->
<meta charset="UTF-8">
<!-- 跟搜索排名有關(guān) -->
<meta name="" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<!-- 設(shè)置網(wǎng)頁(yè)內(nèi)容的顯示方式 -->
<meta http-equiv="Content-Type" Content="text/html;Charset=gb2312">
<!-- 引入js文件 -->
<script></script>
<!-- 元素內(nèi)部樣式 -->
<style></style>
<!-- 引入css文件 -->
<link/>
</head>
<body>
<!-- 網(wǎng)頁(yè)的主體，頁(yè)面展示的內(nèi)容 -->
</body>
</html>
其次，在今天的學(xué)習(xí)中，我學(xué)到了11種關(guān)于http-equiv的屬性即設(shè)置這些屬性的意義，總結(jié)如下，與同行和大神們共勉和分享，如有錯(cuò)誤的地方，多多指點(diǎn)，本人將不甚感激并及時(shí)修正。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-782012.html
??二、meta的http-equiv屬性
1. 設(shè)定頁(yè)面使用的字符集
<meta http-equiv="Content-Type" Content="text/html;Charset=gb2312">
<meta http-equiv="Content-Language" Content="zh-CN">
2. 設(shè)置頁(yè)面多長(zhǎng)后，自動(dòng)刷新自己
<meta http-equiv="Refresh" Content="60" >
3. 設(shè)置頁(yè)面多長(zhǎng)時(shí)間后跳轉(zhuǎn)到指定的url
<meta http-equiv="Refresh" Content="5" Url=http://www.baidu.com>
4. 定義頁(yè)面在緩存中的期限
<meta http-equiv="Expires" Content="0">
<meta http-equiv="Expires" Content="Wed,26 Feb 1997 08:21:57 GMT">
<!-- 必須使用GMT的時(shí)間格式，或直接設(shè)為0 數(shù)字表示多少時(shí)間后過(guò)期 -->
5. 禁止瀏覽器從本地的緩存中調(diào)閱頁(yè)面內(nèi)容
<Prama cach模式 -->
<!-- 禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容 -->
<!--meta http-equiv="Pragma" Content="No-each">
<!-- 網(wǎng)頁(yè)不保存在緩存中，每次訪問(wèn)都刷新頁(yè)面，這樣設(shè)定，訪問(wèn)者將無(wú)法脫機(jī)瀏覽 -->
6. 設(shè)置cookie
<meta http-equiv="Set-Cookie" Content="cookievalue=xxx;expires=Wednesday">
7. 強(qiáng)制頁(yè)面以獨(dú)立頁(yè)面顯示，防止別人在iframe中調(diào)用
<meta http-equiv="Window-target" Content="_top">
<!-- 這個(gè)屬性是用來(lái)防止別人在框架里調(diào)用你的頁(yè)面。 content選項(xiàng)：_blank _top _self _parent -->
8. 設(shè)置網(wǎng)站的限制級(jí)別
<meta http-equiv=”P(pán)ics-label” Contect=“>
<!-- 在IE的internet選項(xiàng)中有一項(xiàng)內(nèi)容設(shè)置，防止瀏覽受限制的網(wǎng)站，網(wǎng)站的限制級(jí)別就是通過(guò)這個(gè)參數(shù)來(lái)設(shè)置的 -->
9. 頁(yè)面載入和退出時(shí)的一些特效
<meta http-equiv=”P(pán)age-Enter” Content=”blendTrans(Duration=0.5)”>
<meta http-equiv=”P(pán)age-Exit” Content=”blendTrans(Duration=0.5)”>
<!-- 注意：blendTrans是動(dòng)態(tài)濾鏡的一種，產(chǎn)生漸隱效果。另一種動(dòng)態(tài)濾鏡RevealTrans也可以用于頁(yè)面進(jìn)入與退出效果: -->
<meta http-equiv=”P(pán)age-Enter” Content=”revealTrans(duration=x, transition=y)”>
<meta http-equiv=”P(pán)age-Exit” Content=”revealTrans(duration=x, transition=y)”>
<!-- Duration表示濾鏡特效的持續(xù)時(shí)間(單位：秒) -->
<!-- Transition濾鏡類(lèi)型。表示使用哪種特效，取值為0-23。-->
<!-- 0 矩形縮小 1 矩形擴(kuò)大 2 圓形縮小 3 圓形擴(kuò)大 4 下到上刷新 5 上到下刷新 6 左到右刷新 7 右到左刷新 8 豎百葉窗 9 橫百葉窗 10 錯(cuò)位橫百葉窗 11 錯(cuò)位豎百葉窗 12 點(diǎn)擴(kuò)散 13 左右到中間刷新 -->
<!-- 14 中間到左右刷新 15 中間到上下 16 上下到中間 17 右下到左上 18 右上到左下 19 左上到右下 20 左下到右上 21 橫條 22 豎條 23 以上22種隨機(jī)選擇一種 -->
10. 設(shè)置xp主題
<meta http-equiv=”MSThemeCompatible” Content=”Yes”>
11. 設(shè)置ie6頁(yè)面生成器
<meta http-equiv=”IE6″ Content=”Generator”>
<!-- 頁(yè)面生成器generator，是ie6 -->
<!-- 類(lèi)似于設(shè)置商品出廠廠商 -->
12. 設(shè)置頁(yè)面中腳本的類(lèi)型
<meta http-equiv="Content-Script-Type" Content="text/javascript">
13. 應(yīng)對(duì)瀏覽器不同渲染不同的兼容問(wèn)題
<!-- 每個(gè)電腦內(nèi)置的IE版本是不一樣的，版本低導(dǎo)致出現(xiàn)渲染頁(yè)面時(shí)出現(xiàn)問(wèn)題 -->
<!-- Edge 模式通知 Windows Internet Explorer 以最高級(jí)別的可用模式渲染文檔，顯示內(nèi)容 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
到了這里，關(guān)于html學(xué)習(xí)之路：簡(jiǎn)述html文檔頭部 ＜meta＞ 的 http-equiv 屬性的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
