meta 屬性小結

  • http-equiv

    屬性爲名稱/值對提供了名稱。並指示服務器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。當服務器向瀏覽器發送文檔時,會先發送許多名稱/值對。雖然有些服務器會發送許多這種名稱/值對,但是所有服務器都至少要發送一個:content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    設置頁面語言

        <meta http-equiv="Content-Language" content="zh-cn" />

    定是否顯示圖片工具欄,當爲false代表不顯示,當爲true代表顯示。

        <meta http-equiv="imagetoolbar" content="false" />
  • name

    name 屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標籤都沒有指定任何預先定義的 名稱。通常情況下,您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。
    “keywords” 是一個經常被用到的名稱。它爲文檔定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時,會用這些關鍵字對文檔進行分類。
    類似這樣的 meta 標籤可能對於進入搜索引擎的索引有幫助:

        <meta name="keywords" content="HTML,ASP,PHP,SQL">
        <meta name="Robots" content="all|none|index|noindex|follow|nofollow"> 默認是all

    其中的屬性說明如下:
    設定爲all:文件將被檢索,且頁面上的鏈接可以被查詢;
    設定爲none:文件將不被檢索,且頁面上的鏈接不可以被查詢;
    設定爲index:文件將被檢索;
    設定爲follow:頁面上的鏈接可以被查詢;
    設定爲noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;
    設定爲nofollow:文件將不被檢索,頁面上的鏈接可以被查詢。

        <meta name="author" content="space.lijianming" />
    

    作者信息

        <meta name="Copyright" content="Copyright W3school.com.cn All Rights Reserved." />
    

    版權信息

        <meta name="MSSmartTagsPreventParsing" content="true" />

    防止微軟頁面編輯軟件在頁面上自動添加標籤、鏈接等。

        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>

    width - viewport的寬度 height - viewport的高度
    initial-scale - 初始的縮放比例
    minimum-scale - 允許用戶縮放到的最小比例
    maximum-scale - 允許用戶縮放到的最大比例
    user-scalable - 用戶是否可以手動縮放
    看這裏meta viewport

  • 這只是我見到的一部分,更多請看meta 標籤

發佈了30 篇原創文章 · 獲贊 22 · 訪問量 11萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章