html學(xué)習(xí)的時(shí)間真是太久了贰军,從高中就開(kāi)始使用記事本來(lái)編輯網(wǎng)頁(yè)了峡懈,但是現(xiàn)在想想,自己的水平太菜了,制作出來(lái)的網(wǎng)頁(yè)也水的不行陋率,哎固以,現(xiàn)在重新拾取一下吧吗冤,反正也不難~~
一便贵、先了解一下
可是剛開(kāi)始寫(xiě),就遇到小問(wèn)題了昂秃,以前一直不在意的meta標(biāo)簽禀梳,現(xiàn)在看著真是別扭,今天就記錄一下meta的使用吧
我們常用的meta標(biāo)簽大致是這樣寫(xiě)的
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
這行代碼的作用以前沒(méi)有深究過(guò)肠骆,其實(shí)意思很簡(jiǎn)單:
* http-equiv指的是告訴這個(gè)頁(yè)面要做解析使用字符集這件事了
* content告訴頁(yè)面是html文件算途,charset告訴頁(yè)面編碼是utf-8格
式,網(wǎng)頁(yè)解析器必須支持UTF-8,UTF16的(Unicode)統(tǒng)一編碼
當(dāng)然這里可以用"GB2312"或者"GBK"這寫(xiě)都是解決中文亂碼問(wèn)題
ok蚀腿,這個(gè)代碼是告訴瀏覽器嘴瓤,本網(wǎng)頁(yè)是這樣要求的,下方其實(shí)還可以加入 作者呀莉钙,描述呀廓脆,編輯本網(wǎng)頁(yè)的工具呀什么的,下方我粘一個(gè)w3School的代碼來(lái)磁玉,大家瞅一瞅
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<meta name="author" content="w3school.com.cn">
<meta name="revised" content="David Yang,8/1/07">
<meta name="generator" content="Dreamweaver 8.0en">
</head>
<body>
<p>本文檔的 meta 屬性標(biāo)識(shí)了創(chuàng)作者和編輯軟件停忿。</p>
</body>
</html>
可見(jiàn)上方設(shè)置了本網(wǎng)頁(yè)的編碼是“gb2312”,如果瀏覽器設(shè)置的是“utf-8”的編碼蚊伞,那么就會(huì)出現(xiàn)亂碼席赂,原因是網(wǎng)頁(yè)和瀏覽器編碼不一致導(dǎo)致
二、meta的一些其他的小功能
當(dāng)然时迫,除了這些類似注釋性的功能颅停,meta還有一些實(shí)質(zhì)性的用途,比如meta可以控制瀏覽器怎樣顯示內(nèi)容或重新加載頁(yè)面掠拳,設(shè)置搜索引擎(即搜索關(guān)鍵詞)等其他web的一些功能
下邊列舉一二
刷新功能
<meta http-equiv="refresh" content="3">
意思是隔3秒鐘后刷新.
這個(gè)關(guān)鍵字“refresh” 就是控制頁(yè)面多長(zhǎng)時(shí)間之后進(jìn)行頁(yè)面的跳轉(zhuǎn)或者刷新癞揉,規(guī)定格式是這樣的
<meta http-equiv="Refresh" content="n;url">
n -- 隔n秒鐘
url -- 轉(zhuǎn)此地址
例如:
<meta http-equiv="refresh" content="5;url=http://www.baidu.com">
300秒鐘后轉(zhuǎn)到baidu網(wǎng)頁(yè),上方的例子是沒(méi)有寫(xiě)url溺欧,即表示刷新自己頁(yè)面喊熟。
設(shè)置網(wǎng)頁(yè)過(guò)期時(shí)間
expires
說(shuō)明:指定網(wǎng)頁(yè)在緩存中的過(guò)期時(shí)間,一旦網(wǎng)頁(yè)過(guò)期胧奔,必須到服務(wù)器上重新調(diào)閱逊移。
看例子:
<meta http-equiv="expires" content="31 Dec 2008 08:21:57 GMT”>
注意:必須使用GMT的時(shí)間格式预吆,或直接設(shè)為0(數(shù)字表示多少時(shí)間后過(guò)期)龙填。
這行代碼即表示:該網(wǎng)頁(yè)的過(guò)期時(shí)間為2008年12月31日08點(diǎn)21分57秒過(guò)期。
設(shè)置網(wǎng)頁(yè)不可脫機(jī)瀏覽
Pragma (cach模式)
說(shuō)明:禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容。
用法:
<meta http-equiv=”P(pán)ragma” Content=”No-cach”>
注意:網(wǎng)頁(yè)不保存在緩存中岩遗,每次訪問(wèn)都刷新頁(yè)面扇商。這樣設(shè)定,訪問(wèn)者將無(wú)法脫機(jī)瀏覽宿礁。
ok案铺,其實(shí)還有其他的一些設(shè)定也是挺好用的,大家直接百度或者谷歌即可梆靖,這先列出來(lái)
Set-Cookie (cookie設(shè)定)
說(shuō)明:瀏覽器訪問(wèn)某個(gè)頁(yè)面時(shí)會(huì)將它存在緩存中控汉,下次再次訪問(wèn)時(shí)就可從緩存中讀取,以提高速度返吻。當(dāng)你希望訪問(wèn)者每次都刷新你廣告的圖標(biāo)姑子,或每次都刷新你的計(jì)數(shù)器,就要禁用緩存了测僵。通常HTML文件沒(méi)有必要禁用緩存街佑,對(duì)于jsp等頁(yè)面,就可以使用禁用緩存捍靠,因?yàn)槊看慰吹降捻?yè)面都是在服務(wù)器動(dòng)態(tài)生成的沐旨,緩存就失去意義。如果網(wǎng)頁(yè)過(guò)期榨婆,那么存盤(pán)的cookie將被刪除磁携。
用法:
<meta http-equiv=”Set-Cookie” Content=”cookievalue=xxx;expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/”>
Window-target (顯示窗口的設(shè)定)
說(shuō)明:強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示。
用法:
<meta http-equiv=”Widow-target” Content=”_top”>
注意:這個(gè)屬性是用來(lái)防止別人在框架里調(diào)用你的頁(yè)面良风。Content選項(xiàng):_blank颜武、_top、_self拖吼、_parent鳞上。