html5中怎么定義一個元數(shù)據(jù)

本篇內(nèi)容介紹了“html5中怎么定義一個元數(shù)據(jù)”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠?qū)W有所成!

創(chuàng)新互聯(lián)為企業(yè)級客戶提高一站式互聯(lián)網(wǎng)+設(shè)計服務(wù),主要包括成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、成都app軟件開發(fā)公司、微信平臺小程序開發(fā)、宣傳片制作、LOGO設(shè)計等,幫助客戶快速提升營銷能力和企業(yè)形象,創(chuàng)新互聯(lián)各部門都有經(jīng)驗豐富的經(jīng)驗,可以確保每一個作品的質(zhì)量和創(chuàng)作周期,同時每年都有很多新員工加入,為我們帶來大量新的創(chuàng)意。 

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

二、指定名/值元數(shù)據(jù)對:兩個屬性http-equiv和name,每個屬性都應(yīng)該有一個對應(yīng)的content與之對應(yīng)。

meta標簽中的http-equiv

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

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

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

3、Refresh(刷新)

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

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

4、Set-Cookie(cookie設(shè)定)

說明:如果網(wǎng)頁過期,那么存盤的cookie將被刪除。必須使用GMT的時間格式。

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

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

6、Expires(期限)

可以用于設(shè)定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期,必須到服務(wù)器上重新傳輸。必須使用GMT的時間格式,設(shè)置為0標識永不過期。

7、Pragma(cache模式)

用于設(shè)定禁止瀏覽器從本地機的緩存中調(diào)閱頁面內(nèi)容,設(shè)定后一旦離開網(wǎng)頁就無法從Cache中再調(diào)出,這樣設(shè)定,訪問者將無法脫機瀏覽。

8、cache-control緩存機制

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

Public指示響應(yīng)可被任何緩存區(qū)緩存

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

no-cache指示請求或響應(yīng)消息不能緩存

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

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

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

max-stale指示客戶機可以接收超出超時期間的響應(yīng)消息。如果指定max-stale消息的值,那么客戶機可以接收超出超時期指定值之內(nèi)的響應(yīng)消息

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

(1) 打開新窗口

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

Cache-control: max-age=5

表示當訪問此網(wǎng)頁后的5秒內(nèi)再次訪問不會去服務(wù)器

(2) 在地址欄回車

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

(3) 按后退按扭

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

(4) 按刷新按扭

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

當指定Cache-control值為“no-cache”時,訪問此頁面不會在Internet臨時文章夾留下頁面?zhèn)浞荨?/p>

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

9、Page_Enter、Page_Exit

設(shè)定進入頁面時的特殊效果

設(shè)定離開頁面時的特殊效果

Duration的值為網(wǎng)頁動態(tài)過渡的時間,單位為秒。

Transition是過渡方式,它的值為0到23,分別對應(yīng)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 隨機產(chǎn)生一種過渡方式

10、禁止移動端轉(zhuǎn)碼no-siteapp和no-transform

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

11、優(yōu)先使用IE最新版本或chrome

meta標簽中的name

keywords:當前頁面的關(guān)鍵字

description:當前頁面的描述

author:當前頁面的作者

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

revised:網(wǎng)頁文檔的最后修改時間

copyright:網(wǎng)站版權(quán)信息

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

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

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

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

index:文件將被檢索;

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

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

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

viewpor:頁面縮放比例設(shè)置

width:設(shè)置寬度,為一個正整數(shù),或字符串"width-device"

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

initial-scale:設(shè)置頁面的初始縮放值,為一個數(shù)字,可以帶小數(shù)

minimum-scale:允許用戶的最小縮放值,為一個數(shù)字,可以帶小數(shù)

maximum-scale:允許用戶的最大縮放值,為一個數(shù)字,可以帶小數(shù)

height:設(shè)置高度,這個屬性對我們并不重要,很少使用

miniual-ui:單屬性,ios的safari為meta新增的屬性,在網(wǎng)頁加載是隱藏頂部的地址欄和底部的導航欄

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

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

webkit:使用webkit核心,一般為極速核心。ie-comp : IE兼容內(nèi)核。 ie-comp :IE標準內(nèi)核

“html5中怎么定義一個元數(shù)據(jù)”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!

分享文章:html5中怎么定義一個元數(shù)據(jù)
文章位置:http://bm7419.com/article32/ijhepc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、建站公司、關(guān)鍵詞優(yōu)化、標簽優(yōu)化微信公眾號、營銷型網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名