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 秒)會重新整理一次。

Previous2.6 網頁標題Next2.8 縮寫

Last updated