1. 程式人生 > 其它 >常⽤的meta標籤有哪些

常⽤的meta標籤有哪些

meta 標籤由 name 和 content 屬性定義,用來描述網頁文件的屬性,比如網頁的作者,網頁描述,關鍵詞等,除了HTTP標準固定了一些name作為大家使用的共識,開發者還可以自定義name。

常用的meta標籤: (1)charset,用來描述HTML文件的編碼型別:

<meta charset="UTF-8" >

(2) keywords,頁面關鍵詞:

<meta name="keywords" content="關鍵詞" />

(3)description,頁面描述:

<meta name="description" content="頁面描述內容" />

(4)refresh,頁面重定向和重新整理:

<meta http-equiv="refresh" content="0;url=" />

(5)viewport,適配移動端,可以控制視口的大小和比例:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

其中,content 引數有以下幾種:

  • width viewport :寬度(數值/device-width)
  • height viewport :高度(數值/device-height)
  • initial-scale
    :初始縮放比例
  • maximum-scale :最大縮放比例
  • minimum-scale :最小縮放比例
  • user-scalable :是否允許使用者縮放(yes/no)

(6)搜尋引擎索引方式:

<meta name="robots" content="index,follow" />

其中,content 引數有以下幾種:

  • all:檔案將被檢索,且頁面上的連結可以被查詢;
  • none:檔案將不被檢索,且頁面上的連結不可以被查詢;
  • index:檔案將被檢索;
  • follow:頁面上的連結可以被查詢;
  • noindex:檔案將不被檢索;
  • nofollow:頁面上的連結不可以被查詢。