html學(xué)習(xí)的時間真是太久了,從高中就開始使用記事本來編輯網(wǎng)頁了,但是現(xiàn)在想想,自己的水平太菜了,制作出來的網(wǎng)頁也水的不行,哎,現(xiàn)在重新拾取一下吧,反正也不難~~
一、先了解一下
可是剛開始寫,就遇到小問題了,以前一直不在意的meta標(biāo)簽,現(xiàn)在看著真是別扭,今天就記錄一下meta的使用吧
我們常用的meta標(biāo)簽大致是這樣寫的
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
這行代碼的作用以前沒有深究過,其實(shí)意思很簡單:
* http-equiv指的是告訴這個頁面要做解析使用字符集這件事了
* content告訴頁面是html文件,charset告訴頁面編碼是utf-8格
式,網(wǎng)頁解析器必須支持UTF-8,UTF16的(Unicode)統(tǒng)一編碼
當(dāng)然這里可以用"GB2312"或者"GBK"這寫都是解決中文亂碼問題
ok,這個代碼是告訴瀏覽器,本網(wǎng)頁是這樣要求的,下方其實(shí)還可以加入 作者呀,描述呀,編輯本網(wǎng)頁的工具呀什么的,下方我粘一個w3School的代碼來,大家瞅一瞅
<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)識了創(chuàng)作者和編輯軟件。</p>
</body>
</html>
可見上方設(shè)置了本網(wǎng)頁的編碼是“gb2312”,如果瀏覽器設(shè)置的是“utf-8”的編碼,那么就會出現(xiàn)亂碼,原因是網(wǎng)頁和瀏覽器編碼不一致導(dǎo)致
二、meta的一些其他的小功能
當(dāng)然,除了這些類似注釋性的功能,meta還有一些實(shí)質(zhì)性的用途,比如meta可以控制瀏覽器怎樣顯示內(nèi)容或重新加載頁面,設(shè)置搜索引擎(即搜索關(guān)鍵詞)等其他web的一些功能
下邊列舉一二
刷新功能
<meta http-equiv="refresh" content="3">
意思是隔3秒鐘后刷新.
這個關(guān)鍵字“refresh” 就是控制頁面多長時間之后進(jìn)行頁面的跳轉(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)頁,上方的例子是沒有寫url,即表示刷新自己頁面。
設(shè)置網(wǎng)頁過期時間
expires
說明:指定網(wǎng)頁在緩存中的過期時間,一旦網(wǎng)頁過期,必須到服務(wù)器上重新調(diào)閱。
看例子:
<meta http-equiv="expires" content="31 Dec 2008 08:21:57 GMT”>
注意:必須使用GMT的時間格式,或直接設(shè)為0(數(shù)字表示多少時間后過期)。
這行代碼即表示:該網(wǎng)頁的過期時間為2008年12月31日08點(diǎn)21分57秒過期。
設(shè)置網(wǎng)頁不可脫機(jī)瀏覽
Pragma (cach模式)
說明:禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁面內(nèi)容。
用法:
<meta http-equiv=”Pragma” Content=”No-cach”>
注意:網(wǎng)頁不保存在緩存中,每次訪問都刷新頁面。這樣設(shè)定,訪問者將無法脫機(jī)瀏覽。
ok,其實(shí)還有其他的一些設(shè)定也是挺好用的,大家直接百度或者谷歌即可,這先列出來
Set-Cookie (cookie設(shè)定)
說明:瀏覽器訪問某個頁面時會將它存在緩存中,下次再次訪問時就可從緩存中讀取,以提高速度。當(dāng)你希望訪問者每次都刷新你廣告的圖標(biāo),或每次都刷新你的計(jì)數(shù)器,就要禁用緩存了。通常HTML文件沒有必要禁用緩存,對于jsp等頁面,就可以使用禁用緩存,因?yàn)槊看慰吹降捻撁娑际窃诜?wù)器動態(tài)生成的,緩存就失去意義。如果網(wǎng)頁過期,那么存盤的cookie將被刪除。
用法:
<meta http-equiv=”Set-Cookie” Content=”cookievalue=xxx;expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/”>
Window-target (顯示窗口的設(shè)定)
說明:強(qiáng)制頁面在當(dāng)前窗口以獨(dú)立頁面顯示。
用法:
<meta http-equiv=”Widow-target” Content=”_top”>
注意:這個屬性是用來防止別人在框架里調(diào)用你的頁面。Content選項(xiàng):_blank、_top、_self、_parent。