筆記day01-meta的作用

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鳞上。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市吊档,隨后出現(xiàn)的幾起案子篙议,更是在濱河造成了極大的恐慌,老刑警劉巖怠硼,帶你破解...
    沈念sama閱讀 206,602評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鬼贱,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡香璃,警方通過(guò)查閱死者的電腦和手機(jī)这难,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)葡秒,“玉大人姻乓,你說(shuō)我怎么就攤上這事嵌溢。” “怎么了蹋岩?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,878評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵赖草,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我剪个,道長(zhǎng)秧骑,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,306評(píng)論 1 279
  • 正文 為了忘掉前任扣囊,我火速辦了婚禮乎折,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘侵歇。我一直安慰自己笆檀,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評(píng)論 5 373
  • 文/花漫 我一把揭開(kāi)白布盒至。 她就那樣靜靜地躺著酗洒,像睡著了一般。 火紅的嫁衣襯著肌膚如雪枷遂。 梳的紋絲不亂的頭發(fā)上樱衷,一...
    開(kāi)封第一講書(shū)人閱讀 49,071評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音酒唉,去河邊找鬼矩桂。 笑死,一個(gè)胖子當(dāng)著我的面吹牛痪伦,可吹牛的內(nèi)容都是我干的侄榴。 我是一名探鬼主播,決...
    沈念sama閱讀 38,382評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼网沾,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼癞蚕!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起辉哥,我...
    開(kāi)封第一講書(shū)人閱讀 37,006評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤桦山,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后醋旦,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體恒水,經(jīng)...
    沈念sama閱讀 43,512評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評(píng)論 2 325
  • 正文 我和宋清朗相戀三年饲齐,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了钉凌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,094評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡捂人,死狀恐怖御雕,靈堂內(nèi)的尸體忽然破棺而出矢沿,到底是詐尸還是另有隱情,我是刑警寧澤饮笛,帶...
    沈念sama閱讀 33,732評(píng)論 4 323
  • 正文 年R本政府宣布咨察,位于F島的核電站论熙,受9級(jí)特大地震影響福青,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜脓诡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評(píng)論 3 307
  • 文/蒙蒙 一无午、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧祝谚,春花似錦宪迟、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,286評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至席爽,卻和暖如春意荤,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背只锻。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,512評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工玖像, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人齐饮。 一個(gè)月前我還...
    沈念sama閱讀 45,536評(píng)論 2 354
  • 正文 我出身青樓捐寥,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親祖驱。 傳聞我的和親對(duì)象是個(gè)殘疾皇子握恳,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容