即將是史上最全的meta大全

2022-02-15 12:29:00 字數 2589 閱讀 7427

本文的目的是蒐集當前主流的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...