HTML基礎教學(21)--META標籤

META 標籤主要是用來設定並傳達一些隱藏的資料給伺服器端或用戶端, 也可以設定一些用來描述這篇網頁的內容, 讓一些搜尋引擊能更快找到這個網頁(不過我不知道目前是否還有搜尋引擊使用這種方式)

META 標籤的語法如下

<META http-equiv="HTTP標頭(header)" content="標頭內容"/>

以及

<META name="網頁屬性名" content="屬性內容"/>

都要寫在 HEAD 標籤內

用 http-equiv 一般是一些固定性的 Header, 而用 name 時除了用一些固定的屬性名之外(例如 keywords), 也常是自訂一個屬性名稱, 用以做特殊的描述資訊, 像 Google 有些服務的驗證就是要你在自己的網頁上加上他所提供的 META 資訊, 來證明你是該網頁的擁有人

META 的用途很多, 不過大部份我都沒用過, 下面就只介紹一下我所熟悉的部份

設定網頁編碼(字元集)

<META http-equiv="Content-Type" content="text/html; charset=字元集"/>

例如

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

這個設定是用來描述這支網頁的內容是用什麼字元集所撰寫的, 藉此告訴瀏覽器它必須要什麼樣的編碼來顯示這個網頁, 若配合的不對, 那麼通常網頁就會出現亂碼
在須要支援多種語系內容的網頁中, 通常我們會用 UTF-8 字元集來撰寫網頁, 也就是說在撰寫網頁後存檔時, 要存成 UTF-8 的格式, 然後在網頁的內容中也利用 META 標籤來標示內容為 UTF-8, 如此不管哪一國家的語言都能正確的顯示在網頁上

定時自動重新整理

<META http-equiv="refresh" content="秒數"/>

例如

<META http-equiv="refresh" content="60"/>

如此設定時, 每隔 60 秒就自動重新載入該網頁, 這個通常是運用在須要定時更新資訊的網頁中

定時自動跳轉到其他網頁

<META http-equiv="refresh" content="秒數; url=新網址 "/>

例如

<META http-equiv="refresh" content="5; url=http://enjoywebtech.blogspot.com/"/>

如此設定時, 在 5 秒之後就會自動跳轉到 http://enjoywebtech.blogspot.com, 這個一般都是用在當網址更新了, 怕訪客不知道, 就會在舊網址的網頁上說明新網址所在, 並加上此語法, 在固定秒數後自動跳轉到新網址

--gs--
{HTML基礎教學}{HTML META}{META 標籤}

沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。