什么是mata標簽
meta 元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。
meta 標簽位于文檔的頭部，不包含任何內容。 meta 標簽的屬性定義了與文檔相關聯的名稱/值對。
meta是htmlyuyan_11094_1.html' target='_blank'>html語言head區的一個輔助性標簽。幾乎所有的網頁里，我們都能看到meta標簽,不過瀏覽器的顯示頁面中是看不到的,也許你認為這些代碼可有可無。其實meta標簽很重要，會給你的網站帶來實際的效果，例如網站描述()會在搜索引擎的索引中得到體現. 例如使用meta標簽設置網站的編碼是gbk2312還是utf-8meta標簽設定關鍵字

基本語法

 meta name= keywords content= 關鍵字1,關鍵字2,關鍵字3.... 

關鍵字標簽作用是告訴搜索引擎網站的內容的是關于那些方面的內容,方便搜索引擎對網站的定義和索引.關鍵字和關鍵字之間使用英文輸入法下的逗號隔開,關鍵字的長度一般不超過100個字符.
例如我們網站是關于Web開發技術學習的網站,關鍵字描述可以這么寫:

 meta name= keywords content= html教程,css教程,javascript教程 

當用戶在搜索引擎搜索這些關鍵字時,你的網站就能在結果中出現. 但是由于早期很多作弊者(黑帽SEO)利于關鍵字堆砌作弊,現在的搜索引擎(百度)對關鍵字不再那么敏感.

meta標簽設定描述
語法格式:

 meta name=“discription” content=“描述的內容” 

網頁的描述很重要,直接能夠在搜索引擎中得到體現.例如打開百度網站搜索 新浪 看到以下頁面

meta標簽設定字符集
語法格式:

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

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

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

我們在瀏覽網頁的時候,大多數人都碰到過亂碼的頁面把. 編碼格式是讓瀏覽器以設定的編輯格式進行解析,如果編碼格式不正確就會用出現亂碼. 所以我建議使用通用的UTF-8編碼,這樣全球所有的瀏覽器訪問我們的網頁都能正常顯示.

meta標簽設定自動刷新時間
語法格式

 meta http-equiv=“refresh” content=“刷新間隔的時間” 

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

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

這里我們演示把時間設定為3秒,請自行測試.

meta標簽設定自動跳轉新頁面
語法格式

 meta http-equiv=“refresh” content=“跳轉間隔的秒數； Url= 新網頁地址” 

示例:

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

當瀏覽器打開此頁面,3秒后將自動跳轉到我們網站的首頁.

meta標簽設定禁用緩存
語法格式

 meta http-equiv= cache-control content= no-cache / 

我們知道瀏覽器都有個緩存機制,就是打開一個網頁會自動保存在本地,這樣做的目的在一定的時間內再次訪問會直接調用緩存中的文件提高訪問速度. 但是像論壇這種時時變化的頁面我們不希望瀏覽器保存緩存文件可以加上這句代碼. 在程序開發中還有一個用途,程序調試要時時查看代碼修改后的效果可以使用此代碼禁用瀏覽器緩存.
另外的一種寫法：

 meta http-equiv= pragma content= no-cache 

相信看了這些案例你已經掌握了方法，更多精彩請關注php 其它相關文章！

相關閱讀：

HTML文本格式化的實例詳解

html中頻繁用的標簽總結

Html網頁表格結構化標記該如何使用

以上就是HTML的meta標簽常見用法介紹的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。