search

2.6 中介資料(Meta Data)

<meta>

需放在 <head>...</head> 區段之中。

hashtag
語意

該網頁的額外資料，例如關鍵字、簡易描述等資訊，會被瀏覽器解讀。

注意：<meta> 沒有結尾標籤。早期舊的寫法會寫成 <meta /> 。

hashtag
範例 1

<head>
  <meta charset="utf-8">
</head>

瀏覽器會解讀：該網頁的字元集編碼為 utf-8 。即支援大多數的文字種類。

hashtag
範例 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">
</head>

keywords: 代表此頁面的關鍵字，雖然權重沒那麼高了，但建議養成習慣，加上去比較好。

description：有可能會顯示在 google 搜尋結果的說明當中。

viewport：若有做 RWD 網頁，才會用到。(可直接加上即可)

Previous2.5 網頁標題Next2.7 斷行與水平分隔線

Last updated