meta標籤的屬性

<meta>標籤的屬性

charset

聲明當前文檔所使用的字符編碼,一般設置爲utf-8

content

包含http-equivname的屬性值,具體取決於所使用的值

name

此元數據包含的名稱與content屬性包含的值相關聯。name的屬性值列表爲:

  • application-name,定義正運行在該網頁上的網絡應用名稱

  • author,就是這個文檔的作者名稱,可以用自由的格式去定義

  • description,其中包含頁面內容的簡短和精確的描述。 一些瀏覽器,如Firefox和Opera,將其用作書籤頁面的默認描述。

  • generator,包含生成頁面的軟件的標識符

  • keywords,包含與逗號分隔的頁面內容相關的單詞

  • viewport,它提供有關視口初始大小的提示,僅供移動設備使用

    • Value 可能值 描述
      width 一個正整數或者字符串 device-width 以pixels(像素)爲單位, 定義viewport(視口)的寬度
      height 一個正整數或者字符串 device-height 以pixels(像素)爲單位, 定義viewport(視口)的高度
      initial-scale 一個0.0 到10.0之間的正數 定義設備寬度與視口大小之間的縮放比率。
      maximum-scale 一個0.0 到10.0之間的正數 定義縮放的最大值
      minimum-scale 一個0.0 到10.0之間的正數 定義縮放的最小值
      user-scalable 一個布爾值(yes 或者no 如果設置爲no,用戶將不能放大或縮小網頁。默認值爲yes

http-equiv

content-security-policy內容安全策略
content值可以設置爲:
default-src 爲其它取指令提供備用服務,例如只允許通過https加載圖片等資源,可以使用如下代碼:

<meta http-equiv="Content-Security-Policy" content="default-src https:">

content-src 限制能通過腳本接口加載的URL
font-src 設置能通過@font-face加載的字體源地址

詳細內容參考文檔

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章