HTML元數據標籤

時間 2019-12-04

標籤 html 數據標籤欄目 HTML 简体版

原文原文鏈接

什麼是元數據？爲什麼須要元數據？

要理解這個問題，首先要知道「元」是什麼。元(meta)，通常被咱們翻譯成「關於……的……」。javascript

元數據(meta data)——「data about data」關於數據的數據，通常是結構化數據（如存儲在數據庫裏的數據，規定了字段的長度、類型等）。
元數據是指從信息資源中抽取出來的用於說明其特徵、內容的結構化的數據(如題名,版本、出版數據、相關說明,包括檢索點等)，用於組織、描述、檢索、保存、管理信息和知識資源。css

meta - 文檔相關的元數據html

Meta標籤是用來描述HTML文檔的信息。HTML語言中HEAD區的一個輔助性標籤，它位於HTML文檔頭部的<head>標記和<title>標記之間，它提供用戶不可見的信息。html5

META標籤有兩個重要的屬性：HTTP標題信息(HTTP-EQUIV)和頁面描述信息(name)。此外，還有charset屬性。java

一、name屬性是描述網頁的，該屬性不區分大小寫。Meta標籤的name屬性語法格式：＜meta name="參數" content="具體參數值"＞web

       meta - 文檔相關的元數據。可用屬性以下：name, http-equiv, content, charset
　　·　　<meta name="keywords/Description/Generator/Author/application-name/viewport/Copyright/robot"  content="">
　　　　 <meta http-equiv="content-language/content-type/default-style/refresh/Set-Cookie/Prama/Cache-Control/Expires/windows-Target/...." content="">
　　　　 <meta charset="UTF-8">


    <!--name, content 組合的示例以下（不全）-->

    <!--定義搜索引擎的關鍵字，通常能夠寫15個關鍵字-->
    <meta name="keywords" content="html5, flash, silverlight" />

    <!--定義文檔的概要描述信息-->
    <meta name="description" content="介紹 html5 中的 meta 標籤" />

    <!--定義文檔的做者-->
    <meta name="author" content="webabcd" />

    <!--定義文檔的生成（編輯）工具-->
    <meta name="generator" content="EditPlus" />

    <!--定義元數據的語言信息lang屬性，用於語音合成器區分content屬性所使用的語言，從而能夠讀出來。其中dir屬性定義行文方向-->
    <meta name="author" content="webabcd" lang="US-en"  dir="ltr" />

    <!--若是把此 html5 文檔當作一個應用程序，則此處定義應用程序名-。通常一個網頁僅需聲明一次該屬性，以避免混淆。若是網頁不是實現一個web應用程序，而是僅呈現網頁內容，就無需定義該元數據。-->
    <meta name="application-name" content="meta 標籤的介紹" />

<!--標註版權-->
    <meta name="copyright" content="本網站版權歸mumakiss全部" />

<!--通知搜索引擎多少天訪問一次-->
    <meta name="revisit-after" content="7 days" />

　　<!--Robots用來告訴搜索機器人哪些頁面須要索引，哪些頁面不須要索引。
　　　　　　　　all：文件將被檢索，且頁面上的連接能夠被查詢；
　　　　　　　　none：文件將不被檢索，且頁面上的連接不能夠被查詢；
　　　　　　　　index：文件將被檢索； 
　　　　　　　　follow：頁面上的連接能夠被查詢；
　　　　　　　　noindex：文件將不被檢索；
　　　　　　　　nofollow：頁面上的連接不能夠被查詢。 -->　
　　<meta name="robots" content="All|None|Index|Noindex|Follow|Nofollow" />

其餘： robots

　　<meta name="build" content="日期">
　　<meta name="reply-to" content="email">
　  <meta name="distribution" content="blobal">
　　<meta name="Rating" content="General">

　　<meta name="google" content="index,follow" />
　　<meta name="googlebot" content="index,follow" />
　　<meta name="baiduspider" content="index,follow" />
    <meta name="verify" content="index,follow" />  ？？？

二、實用元數據（屬性http-equiv）

<!--http-equiv, content 組合的示例以下（不全）-->
HTML5定義了5個實用的元數據：content-language/content-type/default-style/refresh/Set-Cookie

    <!--定義文檔內容的語言-->
    <meta http-equiv="content-language" content="zh-CN" /> 

    <!--定義文檔內容的類型和使用的字符集-->
    <meta http-equiv="content-type" content="text/html;charset=gb2312" /> 

    <!--定義文檔所使用的默認樣式表的 title，從而在有多個樣式表的時候，只使用指定 title 的樣式表。-->
    <meta http-equiv="default-style" content="style/style.css" /> 

    <!--定義網頁定時跳轉，例每 100 秒刷新一次-->
　　 <!--用戶能夠用此功能製做一個封面，在若干時間後，自動帶讀者來到目錄頁。若是要使瀏覽器在完成後當即刷新頁面，就能夠將延遲時間定義爲0秒。若是url沒有定義，那麼瀏覽器就會刷新本頁。-->
    <meta http-equiv="refresh" content="100；url=http://yourlink" />

    <!--設置 cookie存活時間，須要注意的是必須使用GMT時間格式：「周，日 月 年 時間 GMT」-->
    <meta http-equiv="set-cookie" content="author=webabcd;" />

　　 <!--設置網頁禁用瀏覽器緩存.強制調用網上最新版本的網頁。如下分別爲http1.0和http1.1版本-->
   <meta http-equiv="Pragma" content="no-cache" /> 
　 <meta http-equiv="Cache-Control" content="no-cache" />

　　<!--設置網頁到期。該功能與禁用緩存類似。必須使用GMT時間格式。將時間設置爲0會使瀏覽器每次都請求最新的網頁。-->
    <meta http-equiv="expires" content="Tue,20 Aug 1996 14:25:27 GMT" />

　　<!--設置網頁框架目標，設置將網頁加載到哪一個框架中。_top,_blank,_parent,_self.-->
    <meta http-equiv="window-Targetwindow-Target" content="_top" />   //表示強制頁面在當前窗口以獨立頁面顯示，能夠防止本身的網頁被別人看成一個框架頁調用。

<!--這是進來W3C的規範，指明頁面中腳本的類型-->
    <meta http-equiv="Content-Script-Type" content="text/javascript" />

<!--是針對ie8新加的一個設置，對於ie8以外的瀏覽器是不識別的，這個區別與content="IE=7"在不管頁面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的標準模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。對於多數網站來講，它是首選的兼容性模式。-->
    <meta http-equiv="X-UA-Compatible" content="IE=7" /> 
　 　<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

　　<!--設置網頁轉場效果。注意：所加載的頁面不可以是框架頁面，且僅適用於IE瀏覽器-->
    <meta http-equiv="Page-Enter" content="revealTrans(duration=20,transtion=50)" />
    <meta http-equiv="Page-Exit" content="revealTrans(duration=20,transtion=50)" />
　　　　Duration 表示濾鏡特效的持續時間(單位：秒) Transition 濾鏡類型。表示使用哪一種特效，取值爲0-23。 
　　　　0 矩形縮小 1 矩形擴大 2 圓形縮小 3 圓形擴大 4 下到上刷新 5 上到下刷新 6 左到右刷新 7 右到左刷新 8 豎百葉窗 9 橫百葉窗 10 錯位橫百葉窗 11 錯位豎百葉窗 12 點擴散 
　　　　13 左右到中間刷新 14 中間到左右刷新 15 中間到上下 16 上下到中間 17 右下到左上 18 右上到左下 19 左上到右下 20 左下到右上 21 橫條 22 豎條 23 以上22種隨機選擇一種

　  <!--設置網頁分級。使用分級審查，能夠經過由「互聯網內容選擇平臺」委員會獨立定義的業界標準分級方法屏蔽掉不合適的內容，最一開始建立這個功能的緣由是老師和家長想爲孩子們屏蔽掉不健康的網站。-->
<META http-equiv="Pics-label" Contect="(PICS－1.1'http://www.rsac.org/ratingsv01.html' I gen comment 'RSACi North America Sever' by 'inet@microsoft.com' for 'http://www.microsoft.com' on '1997.06.30T14:21－0500' r(n0 s0 v0 l0))"> 
   

三、<!--定義文檔的編碼類型-->
    <meta charset="utf-8">