2.7 中介資料(Meta Data)
<meta>
需放在 <head>...</head>
區段之中。
語意
該網頁的額外資料,例如關鍵字、簡易描述等資訊,會被瀏覽器解讀。
注意:<meta> 沒有結尾標籤。早期舊的寫法會寫成 <meta />
。
範例 1
<head>
<meta charset="utf-8">
</head>
瀏覽器會解讀:該網頁的字元集編碼為 utf-8 。即支援大多數的文字種類。
範例 2
<head>
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="description" content="網站前端教學">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<meta http-equiv="refresh" content="3">
</head>
keywords
: 代表此頁面的關鍵字,雖然權重沒那麼高了,但建議養成習慣,加上去比較好。
description
:有可能會顯示在 google 搜尋結果的說明當中。
viewport
:未來做 RWD 才會用到。(可直接先加上即可)
refresh
:此頁面每隔幾秒(範例是每隔 3 秒)會重新整理一次。