HTML的meta標(biāo)簽常見用法集錦
我要評論什么是mata標(biāo)簽
<meta> 元素可提供有關(guān)頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。
<meta> 標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。
meta是html語言head區(qū)的一個輔助性標(biāo)簽。幾乎所有的網(wǎng)頁里，我們都能看到meta標(biāo)簽,不過瀏覽器的顯示頁面中是看不到的,也許你認(rèn)為這些代碼可有可無。其實meta標(biāo)簽很重要，會給你的網(wǎng)站帶來實際的效果，例如網(wǎng)站描述()會在搜索引擎的索引中得到體現(xiàn). 例如使用meta標(biāo)簽設(shè)置網(wǎng)站的編碼是gbk2312還是utf-8meta標(biāo)簽設(shè)定關(guān)鍵字
基本語法
- <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)容,方便搜索引擎對網(wǎng)站的定義和索引.關(guān)鍵字和關(guān)鍵字之間使用英文輸入法下的逗號隔開,關(guān)鍵字的長度一般不超過100個字符.
例如我們網(wǎng)站是關(guān)于Web開發(fā)技術(shù)學(xué)習(xí)的網(wǎng)站,關(guān)鍵字描述可以這么寫:
- <meta name="keywords" content="html教程,css教程,javascript教程">
當(dāng)用戶在搜索引擎搜索這些關(guān)鍵字時,你的網(wǎng)站就能在結(jié)果中出現(xiàn). 但是由于早期很多作弊者(黑帽SEO)利于關(guān)鍵字堆砌作弊,現(xiàn)在的搜索引擎(百度)對關(guān)鍵字不再那么敏感.
meta標(biāo)簽設(shè)定描述
語法格式:
- <meta name=“discription” content=“描述的內(nèi)容”>
網(wǎng)頁的描述很重要,直接能夠在搜索引擎中得到體現(xiàn).例如打開百度網(wǎng)站搜索"新浪"看到以下頁面
meta標(biāo)簽設(shè)定字符集
語法格式:
- <meta http-equiv =“content-type” content=“text/html; charset="編碼格式”>
常見的編碼格式有中文編碼(gbk2312)和國際編碼(UTF-8) ,gbk2312是中文編碼,如果你的網(wǎng)站內(nèi)容都是中文的就使用gbk2312 UTF-8是國際編碼左右的文字通用(包括中文和英文). 它們的主要區(qū)別是gbk2312是專門為中文打造的,一個漢字占2個字符. UTF-8是通用的一個漢字占3個字節(jié). 早期的網(wǎng)絡(luò)帶寬資源短缺所以使用gbk2312編碼可以節(jié)省帶寬,提高網(wǎng)頁的打開速度,但是現(xiàn)在我們家庭帶寬都是4Ｍ起完全忽略節(jié)省的那些字節(jié)．
示例:
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
我們在瀏覽網(wǎng)頁的時候,大多數(shù)人都碰到過亂碼的頁面把. 編碼格式是讓瀏覽器以設(shè)定的編輯格式進(jìn)行解析,如果編碼格式不正確就會用出現(xiàn)亂碼. 所以我建議使用通用的UTF-8編碼,這樣全球所有的瀏覽器訪問我們的網(wǎng)頁都能正常顯示.
meta標(biāo)簽設(shè)定自動刷新時間
語法格式
- <meta http-equiv=“refresh” content=“刷新間隔的時間”>
刷新時間以秒為單位,例如論壇的頁面只有刷新后才能看到新發(fā)布帖子,像這樣更新速度很快的頁面可以加入自動刷新的代碼,保證可以看到最新的頁面.
示例:
- <meta http-equiv=“refresh” content=“3”>
這里我們演示把時間設(shè)定為3秒,請自行測試.
meta標(biāo)簽設(shè)定自動跳轉(zhuǎn)新頁面
語法格式
- <meta http-equiv=“refresh” content=“跳轉(zhuǎn)間隔的秒數(shù)； Url="新網(wǎng)頁地址”>
示例:
- <meta http-equiv=“refresh” content=“3； Url="http://www.adminwang.com”>
當(dāng)瀏覽器打開此頁面,3秒后將自動跳轉(zhuǎn)到我們網(wǎng)站的首頁.
meta標(biāo)簽設(shè)定禁用緩存
語法格式
- <meta http-equiv="cache-control" content="no-cache" />
我們知道瀏覽器都有個緩存機(jī)制,就是打開一個網(wǎng)頁會自動保存在本地,這樣做的目的在一定的時間內(nèi)再次訪問會直接調(diào)用緩存中的文件提高訪問速度. 但是像論壇這種時時變化的頁面我們不希望瀏覽器保存緩存文件可以加上這句代碼. 在程序開發(fā)中還有一個用途,程序調(diào)試要時時查看代碼修改后的效果可以使用此代碼禁用瀏覽器緩存.
另外的一種寫法：
- <meta http-equiv="pragma" content="no-cache" >
相關(guān)文章
HTML標(biāo)簽meta總結(jié),HTML5 head meta 屬性整理
移動前端開發(fā)中添加一些webkit專屬的HTML5頭部標(biāo)簽，幫助瀏覽器更好解析HTML代碼，更好地將移動web前端頁面表現(xiàn)出來。本文整理一些常用的meta標(biāo)簽,需要的朋友可以參考下2017-06-29- 本文給大家介紹了html5中各種頭部meta標(biāo)簽功能小結(jié)，非常不錯，具有參考借鑒價值，需要的的朋友參考下2017-03-13
HTML5頭部<meta>標(biāo)簽的一些常用信息小結(jié)
這篇文章給大家查找總結(jié)了一些HTML5頭部<meta>標(biāo)簽常用的一些信息，文章給出了示例代碼與注釋，介紹的很詳細(xì)，感興趣的朋友們下面來一起看看吧。2016-10-23html meta標(biāo)簽的使用總結(jié)(推薦)
下面就為大家?guī)硪黄猦tml meta標(biāo)簽的使用總結(jié)(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08實例講解HTML5的meta標(biāo)簽的一些應(yīng)用
這篇文章主要介紹了HTML5下meta標(biāo)簽的一些應(yīng)用方法實例,包括在移動前端頁面上的一個使用例子,需要的朋友可以參考下2015-12-08- 這篇文章主要介紹了HTML中META標(biāo)簽的一些使用技巧,共舉了10個小例子,HTML5中META標(biāo)簽也有演進(jìn),可以說是HTML學(xué)習(xí)中的重要知識點,需要的朋友可以參考下2015-12-08
- <meta> 元素可提供有關(guān)頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。這篇文章給大家介紹了html中meta標(biāo)簽及用法詳解，感興趣的朋2018-02-23