HTML5的 meta 標籤 使用彙總

2021-10-07 02:34:09 字數 2926 閱讀 7060

meat物件代表html的乙個元素,提供html元素的元資訊,比如描述、關鍵字、重新整理頻率。物件屬性:

content 設定或返回元素的content屬性

httpequiv 把content屬性連線到乙個http頭部

name 把content屬性連線到某個名稱

scheme 設定或返回用於解釋content屬性的格式

阿里主頁

美團主頁

滴滴主頁

位元組跳動

**主頁

京東主頁

華為主頁

微軟官網

阿里雲-上雲就上阿里雲

美團網-美食_**_外賣_酒店_旅遊_電影票_吃喝玩樂全都有
//雙核瀏覽的渲染方式設定

// 手持裝置優化

//uc強制豎屏

//qq強制豎屏

// 強制全屏

//qq強制全屏

//指定是否將網頁內容中的手機號碼顯示為撥號的超連結。

首頁-滴滴官網

//搜尋引擎抓取

//谷歌翻譯

//指定是否將網頁內容中的手機號碼顯示為撥號的超連結。

**網 - 淘!我喜歡

京東(jd.com)-**低價、品質保障、配送及時、輕鬆購物!

【華為**超級618】

//移動端**

microsoft - official home page

有2個屬性 http-equiv 和 name
1. content-type 設定網頁字符集,說明網頁製作所用語言和文字,瀏覽器會據此呼叫。

//舊的html,不推薦

//html5設定網頁字符集的方式

2. x-ua-compatible 告知瀏覽器以何種方式渲染當前頁面

//優先使用ie最新版本和chrome

3. pragma cache-control expires 各種http強快取方式,優先順序p>c>e

//不快取

// 7200s後快取內容失效

//網頁到期時間,gmt格式,過期後必須到伺服器上重新呼叫

//禁止瀏覽器從本地快取中調取資訊,一旦離開頁面就無法從cache中再呼叫

4. refresh 讓網頁在一定時間內重新整理,或者一定時間後跳轉到其他頁面

//30s後重新整理自己

定時讓網頁在指定的時間n內,跳轉到頁面http://yourlink;

6. content-security-policy 內容安全策略,指定瀏覽器智慧型載入content中的js**,其他所有均拒絕

base-uri: 用於限制可在頁面的 元素中顯示的**。

connect-src: 用於限制可(通過 xhr、websockets 和 eventsource)連線的**。

font-src: 用於指定可提供網頁字型的**。google 的網頁字型可通過 font-src 啟用。

form-action: 用於列出可從 標記提交的有效端點。

frame-src: 已棄用。請改用 child-src。

img-src: 用於定義可從中載入影象的**。

object-src: 可對 flash 和其他外掛程式進行控制。

plugin-types: 用於限制頁面可以呼叫的外掛程式種類。

指定乙個 default-src 指令替換大部分指令的預設行為:

8. location 用來重定向接收方到非請求url的位置來完成請求或標識新的資源

1. keywords 告訴搜尋引擎網頁關鍵字

2. description **的描述,告訴搜尋引擎**的主要內容

3. author 標註作者

4. viewport 用於移動端顯示頁面,將網頁寬度設定為視口寬度,設定縮放比例,是否允許使用者縮放等。

//使用者不能縮放

//網頁寬度自適應手機螢幕寬度

但在ios9中要想起作用,得加上"shrink-to-fit=no"

5. renderer:雙核瀏覽器的渲染方式,用於指定雙核瀏覽器預設以何種方式渲染頁面

//預設webkit核心/預設ie相容模式/預設ie標準模式

6. referrer 引用頁資訊 4個引數:

never:刪除http head中的referer;

default:如果當前頁面使用的是https協議,而正要載入資源使用的是普通的http協議,則將http header中額referer置為空;

origin:只傳送origin部分;

always:不改變http header中的referer的值;

7. theme-color 瀏覽器位址列變色

用以說明生成工具(如microsoft frontpage 4.0)等;

index:檔案將被檢索; 

10. revisit-after (重訪) 通知瀏覽器多少天訪問一次

11. coperight 版權

1. 

internet explorer meta tags 網路擴充套件元標記標籤:

頁面描述

網頁作者

搜尋引擎抓取

為移動裝置新增 viewport

禁止將網頁上的數字變為 telphone 及 email 的link

啟用360瀏覽器的極速模式(webkit)

避免ie使用相容模式

針對手持裝置優化,主要是針對一些老的不識別viewport的瀏覽器,比如黑莓

微軟的老式瀏覽器

uc強制豎屏

qq強制豎屏

uc強制全屏

qq強制全屏

HTML5的學習(二)HTML5標籤

3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空,必填 placeholder 提示文字 表單的提示資訊,存在預設值將不顯示 autofocus autofocus 自動聚焦屬性,頁面載入...

Html5標籤頁面

新增加的html5標籤 html5 新增加的html5標籤 定義 article 定義頁面內容之外的內容。定義聲音內容。定義影象。定義命名按鈕 定義數列 tree list 中的資料 定義下拉列表。定義外部互動內容或外掛程式 定義section或page的頁尾。html5 ios中忽略將數字變為 號...