HTML的meta標籤常見用法集錦

寫在Web的head頭部中的mata標籤看似不起眼,實則可以設定非常多種的功能,包括頁面編碼等重要設定,這裡我們便來總結HTML的meta標籤常見用法集錦:

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

基本文法

XML/HTML Code複製內容到剪貼簿

"keywords"

   

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

XML/HTML Code

複製內容到剪貼板

 

content="html教學, css教學,javascript教學">

  

當使用者在搜尋引擎搜尋這些關鍵字時,你的網站就能在結果中出現.因為早期很多作弊者(黑帽SEO)利於關鍵字堆砌作弊,現在的搜尋引擎(百度)對關鍵字不再那麼敏感.meta標籤設定描述語法格式:XML/HTML Co

meta

  

name=「discription」  
content=「描述的內容」

>

.打開百度網站搜索"新浪"看到以下頁面

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

XML/HTML Code

複製內容到剪貼板meta

 

http-equiv
 =「content-type」  

content

=「text/html;    

charset

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

XML/HTML Code複製內容到剪貼簿

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

meta標籤設定自動刷新時間

語法格式

XML/HTML Co

meta http-equiv=“refresh”  content

=「刷新間隔的時間」

>才能看到新發佈貼文,像這樣更新速度很快的頁面可以加入自動刷新的程式碼,保證可以看到最新的頁面.
範例:

XML/HTML Code複製內容複製到剪貼簿

meta
 

http-equiv

=「refresh」  
3秒,請自行測試.

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

XML/HTML Code http-equiv =「refresh」  content=「跳躍間隔的秒數；  Url="新網頁位址」>

  

複製內容到剪貼簿

meta

 http-equiv=「refresh」  .  

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

meta標籤設定停用快取語法格式內容物到剪貼簿

meta

 

http-equiv

=
"cache-control"com  

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

XML/HTML Code複製內容到剪貼簿content=

"no-cache"

 
>

  

更多HTML的meta標籤常見用法集錦相關文章請追蹤PHP中文網！