本文的目的是蒐集當前主流的meta
配置,方便開發者快速開發除錯。在這裡不會做各種meta
的深入分析,只是簡單的介紹,讓大家知道有這個東西。
meta
從一定程度上影響seo
。屬性值
描述charset
character_set
定義文件的字元編碼。
content
text
定義與 http-equiv 或 name 屬性相關的元資訊。
把 content 屬性關聯到 http 頭部。
name
把 content 屬性關聯到乙個名稱。
scheme
format/uri
html5不支援。 定義用於翻譯 content 屬性值的格式。
meta
標籤上的http-equiv
屬性與http
頭部資訊相關,而且是響應頭,因為html
本質上是通過伺服器響應得到的。http-equiv
用於偽裝http
響應頭部資訊。那麼http-equiv
有哪些型別呢?讓我們一起看下。值描述
cache-control
控制文件的快取機制。允許的值如下:
public
:所有內容都將被快取(客戶端和**伺服器都可快取)
private
:內容只快取到私有快取中(僅客戶端可以快取,**伺服器不可快取)
no-cache
:不快取,前提是通過伺服器的快取驗證機制,如過期,內容改變等校驗規則
no-store
:所有內容都不會被快取到快取或internet
臨時檔案中
(設定了貌似無效,還是說不會出現在響應頭嗎?哪位大神可以解釋下)
content-language
響應體的語言。如zh-cn
,en-us
等
(設定了貌似無效)
content-type
返回內容的mime
型別
date
原始伺服器訊息發出的時間,gmt
時間格式
expires
響應過期的日期和時間,gmt
時間格式
(設定了貌似無效)
last-modified
請求資源的最後修改時間,gmt
時間格式
(設定了貌似無效)
location
用來重定向接收方到非請求url
的位置來完成請求或標識新的資源
(設定了貌似無效)
refresh
定義間隔多久後重新整理頁面。單位是秒。
set-cookie
建立乙個cookie
,包含cookie
名,cookie
值,過期時間。
(設定了貌似無效)
window-target
用來防止別人在框架裡呼叫自己的頁面。
(設定了貌似無效)
pragma
向後相容只支援http/1.0
協議的快取伺服器,那時候http/1.1
協議中的cache-control
還沒有出來。
(設定了貌似無效)
注意:以上都是在chrome
瀏覽器最新版本,vue dev
環境下測試的,不代表所有瀏覽器和伺服器表現。
指定字元編碼
ie
殺手,推薦所有前端工程師採用,讓我們乾掉ie
的市場份額。
viewport
常見設定,一般適用於移動端。視口寬度設為理想寬度,禁止縮放。
meta
三劍客
uc
瀏覽器私有meta
蘋果機適配
其他優化和適配手段
。
首發鏈結 史上最全的正規表示式大全
一 校驗數字的表示式 1 數字 0 9 2 n位的數字 d 3 至少n位的數字 d 4 m n位的數字 d 5 零和非零開頭的數字 0 1 9 0 9 6 非零開頭的最多帶兩位小數的數字 1 9 0 9 0 9 7 帶1 2位小數的正數或負數 d d 8 正數 負數 和小數 d d 9 有兩位小數的...
史上最全常用正規表示式大全
很多不太懂正則的朋友,在遇到需要用正則校驗資料時,往往是在網上去找很久,結果找來的還是不很符合要求。所以我最近把開發中常用的一些正規表示式整理了一下,在這裡分享一下。給自己留個底,也給朋友們做個參考。1.數字 0 9 2.n位的數字 d 3.至少n位的數字 d 4.m n位的數字 d 5.零和非零開...
史上最全常用正規表示式大全
1.數字 0 9 2.n位的數字 d 3.至少n位的數字 d 4.m n位的數字 d 5.零和非零開頭的數字 0 1 9 0 9 6.非零開頭的最多帶兩位小數的數字 1 9 0 9 0 9 7.帶1 2位小數的正數或負數 d d 8.正數 負數 和小數 d d 9.有兩位小數的正實數 0 9 0 9...