HTML的meta標(biāo)簽經(jīng)常見(jiàn)用法說(shuō)明

什么是mata標(biāo)簽
<meta> 元素可提供有關(guān)頁(yè)面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。
<meta> 標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱(chēng)/值對(duì)。
meta是html語(yǔ)言head區(qū)的一個(gè)輔助性標(biāo)簽。幾乎所有的網(wǎng)頁(yè)里，我們都能看到meta標(biāo)簽,不過(guò)瀏覽器的顯示頁(yè)面中是看不到的,也許你認(rèn)為這些代碼可有可無(wú)。其實(shí)meta標(biāo)簽很重要，會(huì)給你的網(wǎng)站帶來(lái)實(shí)際的效果，例如網(wǎng)站描述()會(huì)在搜索引擎的索引中得到體現(xiàn). 例如使用meta標(biāo)簽設(shè)置網(wǎng)站的編碼是gbk2312還是utf-8meta標(biāo)簽設(shè)定關(guān)鍵字

基本語(yǔ)法

<meta  name="keywords"   content="關(guān)鍵字1,關(guān)鍵字2,關(guān)鍵字3....">

關(guān)鍵字標(biāo)簽作用是告訴搜索引擎網(wǎng)站的內(nèi)容的是關(guān)于那些方面的內(nèi)容,方便搜索引擎對(duì)網(wǎng)站的定義和索引.關(guān)鍵字和關(guān)鍵字之間使用英文輸入法下的逗號(hào)隔開(kāi),關(guān)鍵字的長(zhǎng)度一般不超過(guò)100個(gè)字符.
例如我們網(wǎng)站是關(guān)于Web開(kāi)發(fā)技術(shù)學(xué)習(xí)的網(wǎng)站,關(guān)鍵字描述可以這么寫(xiě):

<meta  name="keywords"   content="html教程,css教程,javascript教程">

當(dāng)用戶(hù)在搜索引擎搜索這些關(guān)鍵字時(shí),你的網(wǎng)站就能在結(jié)果中出現(xiàn). 但是由于早期很多作弊者(黑帽SEO)利于關(guān)鍵字堆砌作弊,現(xiàn)在的搜索引擎(百度)對(duì)關(guān)鍵字不再那么敏感.

meta標(biāo)簽設(shè)定描述
語(yǔ)法格式:

<meta  name=“discription”  content=“描述的內(nèi)容”>

網(wǎng)頁(yè)的描述很重要,直接能夠在搜索引擎中得到體現(xiàn).例如打開(kāi)百度網(wǎng)站搜索"新浪"看到以下頁(yè)面

meta標(biāo)簽設(shè)定字符集
語(yǔ)法格式:

<meta http-equiv =“content-type”  content=“text/html;    charset="編碼格式”>

常見(jiàn)的編碼格式有中文編碼(gbk2312)和國(guó)際編碼(UTF-8) ,gbk2312是中文編碼,如果你的網(wǎng)站內(nèi)容都是中文的就使用gbk2312 UTF-8是國(guó)際編碼左右的文字通用(包括中文和英文). 它們的主要區(qū)別是gbk2312是專(zhuān)門(mén)為中文打造的,一個(gè)漢字占2個(gè)字符. UTF-8是通用的一個(gè)漢字占3個(gè)字節(jié). 早期的網(wǎng)絡(luò)帶寬資源短缺所以使用gbk2312編碼可以節(jié)省帶寬,提高網(wǎng)頁(yè)的打開(kāi)速度,但是現(xiàn)在我們家庭帶寬都是4Ｍ起完全忽略節(jié)省的那些字節(jié)．
示例:

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

我們?cè)跒g覽網(wǎng)頁(yè)的時(shí)候,大多數(shù)人都碰到過(guò)亂碼的頁(yè)面把. 編碼格式是讓瀏覽器以設(shè)定的編輯格式進(jìn)行解析,如果編碼格式不正確就會(huì)用出現(xiàn)亂碼. 所以我建議使用通用的UTF-8編碼,這樣全球所有的瀏覽器訪(fǎng)問(wèn)我們的網(wǎng)頁(yè)都能正常顯示.

meta標(biāo)簽設(shè)定自動(dòng)刷新時(shí)間
語(yǔ)法格式

<meta http-equiv=“refresh”  content=“刷新間隔的時(shí)間”>

刷新時(shí)間以秒為單位,例如論壇的頁(yè)面只有刷新后才能看到新發(fā)布帖子,像這樣更新速度很快的頁(yè)面可以加入自動(dòng)刷新的代碼,保證可以看到最新的頁(yè)面.
示例:

<meta http-equiv=“refresh”  content=“3”>

這里我們演示把時(shí)間設(shè)定為3秒,請(qǐng)自行測(cè)試.

meta標(biāo)簽設(shè)定自動(dòng)跳轉(zhuǎn)新頁(yè)面
語(yǔ)法格式

<meta http-equiv=“refresh”  content=“跳轉(zhuǎn)間隔的秒數(shù)；  Url="新網(wǎng)頁(yè)地址”>

示例:

<meta http-equiv=“refresh”  content=“3；  Url="http://www.adminwang.com”>

當(dāng)瀏覽器打開(kāi)此頁(yè)面,3秒后將自動(dòng)跳轉(zhuǎn)到我們網(wǎng)站的首頁(yè).

meta標(biāo)簽設(shè)定禁用緩存
語(yǔ)法格式

<meta http-equiv="cache-control"  content="no-cache" />

我們知道瀏覽器都有個(gè)緩存機(jī)制,就是打開(kāi)一個(gè)網(wǎng)頁(yè)會(huì)自動(dòng)保存在本地,這樣做的目的在一定的時(shí)間內(nèi)再次訪(fǎng)問(wèn)會(huì)直接調(diào)用緩存中的文件提高訪(fǎng)問(wèn)速度. 但是像論壇這種時(shí)時(shí)變化的頁(yè)面我們不希望瀏覽器保存緩存文件可以加上這句代碼. 在程序開(kāi)發(fā)中還有一個(gè)用途,程序調(diào)試要時(shí)時(shí)查看代碼修改后的效果可以使用此代碼禁用瀏覽器緩存.
另外的一種寫(xiě)法：

<meta http-equiv="pragma" content="no-cache" >

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

HTML文本格式化的實(shí)例詳解

html中頻繁用的標(biāo)簽總結(jié)

Html網(wǎng)頁(yè)表格結(jié)構(gòu)化標(biāo)記該如何使用

以上就是HTML的meta標(biāo)簽常見(jiàn)用法介紹的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！