html5中怎么定義一個元數據

本篇內容介紹了“html5中怎么定義一個元數據”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

　　一、屬性charset，直接指定頁面編碼，

　　二、指定名/值元數據對：兩個屬性http-equiv和name，每個屬性都應該有一個對應的content與之對應。

　　meta標簽中的http-equiv

　　http-equiv顧名思義，相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容。

　　1、content-Type(設定頁面使用的字符集)

　　2、content-Language(顯示語言的設定)

　　3、Refresh(刷新)

　　自動刷新并指向新頁面。其中的2是指停留2秒鐘后自動刷新到URL網址。

　　下面的代碼意思是每隔2秒自動刷新頁面

　　4、Set-Cookie(cookie設定)

　　說明：如果網頁過期，那么存盤的cookie將被刪除。必須使用GMT的時間格式。

　　5、Window-target(顯示窗口的設定)

　　說明：強制頁面在當前窗口以獨立頁面顯示。 用來防止別人在框架里調用自己的頁面。

　　6、Expires(期限)

　　可以用于設定網頁的到期時間。一旦網頁過期，必須到服務器上重新傳輸。必須使用GMT的時間格式，設置為0標識永不過期。

　　7、Pragma(cache模式)

　　用于設定禁止瀏覽器從本地機的緩存中調閱頁面內容，設定后一旦離開網頁就無法從Cache中再調出，這樣設定，訪問者將無法脫機瀏覽。

　　8、cache-control緩存機制

　　Cache-Control指定請求和響應遵循的緩存機制。請求時的緩存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，響應消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各個消息中的指令含義如下 ：

　　Public指示響應可被任何緩存區緩存

　　Private指示對于單個用戶的整個或部分響應消息，不能被共享緩存處理。這允許服務器僅僅描述當用戶的部分響應消息，此響應消息對于其他用戶的請求無效

　　no-cache指示請求或響應消息不能緩存

　　no-store用于防止重要的信息被無意的發布。在請求消息中發送將使得請求和響應消息都不使用緩存。

　　max-age指示客戶機可以接收生存期不大于指定時間(以秒為單位)的響應

　　min-fresh指示客戶機可以接收響應時間小于當前時間加上指定時間的響應

　　max-stale指示客戶機可以接收超出超時期間的響應消息。如果指定max-stale消息的值，那么客戶機可以接收超出超時期指定值之內的響應消息

　　默認為private。其作用根據不同的重新瀏覽方式分為以下幾種情況：

　　(1) 打開新窗口

　　如果指定cache-control的值為private、no-cache、must-revalidate，那么打開新窗口訪問時都會重新訪問服務器。而如果指定了max-age值，那么在此值內的時間里就不會重新訪問服務器，例如：

　　Cache-control: max-age=5

　　表示當訪問此網頁后的5秒內再次訪問不會去服務器

　　(2) 在地址欄回車

　　如果值為private或must-revalidate(和網上說的不一樣)，則只有第一次訪問時會訪問服務器，以后就不再訪問。如果值為no-cache，那么每次都會訪問。如果值為max-age，則在過期之前不會重復訪問。

　　(3) 按后退按扭

　　如果值為private、must-revalidate、max-age，則不會重訪問，而如果為no-cache，則每次都重復訪問

　　(4) 按刷新按扭

　　無論為何值，都會重復訪問

　　當指定Cache-control值為“no-cache”時，訪問此頁面不會在Internet臨時文章夾留下頁面備份。

　　另外，通過指定“Expires”值也會影響到緩存。例如，指定Expires值為一個早已過去的時間，那么訪問此網時若重復在地址欄按回車，那么每次都會重復訪問：

　　9、Page_Enter、Page_Exit

　　設定進入頁面時的特殊效果

　　設定離開頁面時的特殊效果

　　Duration的值為網頁動態過渡的時間，單位為秒。

　　Transition是過渡方式，它的值為0到23，分別對應24種過渡方式。如下：

　　0 盒狀收縮　　　　　　　　 1 盒狀放射

　　2 圓形收縮 　　　　　　　　3 圓形放射

　　4 由下往上　　　　　　　　　5 由上往下

　　6 從左至右 　　　　　　　　　7 從右至左

　　8 垂直百葉窗 　　　　　　　　9 水平百葉窗

　　10 水平格狀百葉窗 　　　　　11垂直格狀百葉窗

　　12 隨意溶解　　　　　　　　13從左右兩端向中間展開

　　14從中間向左右兩端展開　　15從上下兩端向中間展開

　　16從中間向上下兩端展開　　17 從右上角向左下角展開

　　18 從右下角向左上角展開　　19 從左上角向右下角展開

　　20 從左下角向右上角展開　　21 水平線狀展開

　　22 垂直線狀展開　　　　　　23 隨機產生一種過渡方式

　　10、禁止移動端轉碼no-siteapp和no-transform

　　no-siteapp是百度的標準，no-transform是共有的一個標準，但是國內百度目前對no-transform支持比較差，所以需要此功能最好是寫兩行，把這兩個都用上

　　11、優先使用IE最新版本或chrome

　　meta標簽中的name

　　keywords：當前頁面的關鍵字

　　description：當前頁面的描述

　　author：當前頁面的作者

　　generator：當前頁面采用的什么軟件制作

　　revised：網頁文檔的最后修改時間

　　copyright：網站版權信息

　　robots：告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引

　　all|none|index|noindex|follow|nofollow, 默認all

　　all：文件將被檢索，且頁面上的鏈接可以被查詢;

　　none：文件將不被檢索，且頁面上的鏈接不可以被查詢;

　　index：文件將被檢索;

　　follow：頁面上的鏈接可以被查詢;

　　noindex：文件將不被檢索，但頁面上的鏈接可以被查詢;

　　nofollow：文件將不被檢索，頁面上的鏈接可以被查詢。

　　viewpor：頁面縮放比例設置

　　width：設置寬度，為一個正整數，或字符串"width-device"

　　user-scalable：是否允許用戶進行縮放，值為"no"或"yes", no 代表不允許，yes代表允許

　　initial-scale：設置頁面的初始縮放值，為一個數字，可以帶小數

　　minimum-scale：允許用戶的最小縮放值，為一個數字，可以帶小數

　　maximum-scale：允許用戶的最大縮放值，為一個數字，可以帶小數

　　height：設置高度，這個屬性對我們并不重要，很少使用

　　miniual-ui：單屬性，ios的safari為meta新增的屬性，在網頁加載是隱藏頂部的地址欄和底部的導航欄

　　這些屬性可以同時使用，也可以單獨使用或混合使用，多個屬性同時使用時用逗號隔開就行了。

　　renderer ：指定雙核瀏覽器默認以何種方式渲染頁面

　　webkit：使用webkit核心，一般為極速核心。ie-comp : IE兼容內核。 ie-comp ：IE標準內核

“html5中怎么定義一個元數據”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！