HTML meta http-equiv 屬性

HTML meta http-equiv 屬性提供網頁標頭（HTML head）關於網頁的內容屬性資訊，例如網頁自動更新、網頁內容編碼、優先樣式 ... 等，都可以透過 HTML meta http-equiv 屬性來設定，很早年的 HTML 版本就支援 meta http-equiv 屬性，絕大多數主流的瀏覽器也支援。

HTML meta http-equiv 基本語法

寫法相當的簡單，屬性值常見有三種，分別為 content-type、default-style、refresh，其中 content-type 用來設定網頁編碼、default-style 用來設定預設樣式、refresh 則用來設定自動更新時間，無論是使用哪一種屬性值，都必須搭配一個 content，來告訴瀏覽器內容是什麼，整個 HTML meta http-equiv 必須寫在 HTML head 的區域內，三種屬性可以寫在同一個網頁內。

HTML meta http-equiv 範例

<head>
<title>這是測試網頁</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="refresh" content="10">
</head>

如範例所示就是一個相當標準的寫法，每一組 meta http-equiv 都寫在 head 區域內，第一組的意思是網頁編碼為萬國碼 UTF-8，第二組的意思則是隔 10 秒自動更新，這兩個項目在現階段的網頁設計技術範疇內，都有其他替代方案，例如設定網頁編碼在 HTML5 的標準寫法更為簡潔，網頁自動更新可以使用 JavaScript 語法，使用 meta http-equiv 的優點是幾乎所有的主流瀏覽器都支援。

HTML meta http-equiv 屬性在 HTML 4.0 與 HTML 5 的差異

上一段提到在 HTML5 的標準寫法，可以讓網頁編碼的 Code 更整潔，這是肯定的，HTML5 的網頁編碼宣告，可以寫成這樣

的確是比起傳統的冗長寫法更簡潔，擺放位置同樣是在 HTML head 區域內即可。

延伸閱讀