meta標籤的使用方法

2021-07-28 12:01:47 字數 964 閱讀 1562

基本標籤seo 優化為移動裝置新增 viewportwindows 8其他 禁止數字識自動別為**號碼

不讓android識別郵箱

每 8 秒重新整理一次頁面

移動端的頭部標籤和meta

基本標籤

宣告文件使用的字元編碼:

宣告文件的相容模式:

//指示ie以目前可用的最高模式顯示內容

定義對頁面的描述:

定義頁面的最新版本:

seo 優化

頁面描述

定義網頁搜尋引擎索引方式,使用英文逗號「,」分隔,常有如下幾種取值:none,noindex,nofollow,all,index和follow:

為移動裝置新增 viewport

引數說明

content引數 釋義 

width viewport 寬度(數值/device-width) 

height viewport 高度(數值/device-height) 

initial-scale 初始縮放比例 

maximum-scale 最大縮放比例 

minimum-scale 最小縮放比例 

user-scalable 是否允許使用者縮放(yes/no) 

iso 裝置

新增到主屏後的標題(ios 6開始):

設定狀態列的背景顏色:

設定狀態列的背景顏色:

content 引數:

content引數 釋義 

default 預設值,網頁內容從狀態列底部開始 

black 狀態列背景是黑色,網頁內容從狀態列底部開始 

black-translucent 狀態列背景是黑色半透明,網頁內容充滿整個螢幕,頂部會被狀態列遮擋 

windows 8

windows 8 磁貼顏色:

windows 8 磁貼圖示:

其他禁止數字識自動別為**號碼:

每 8 秒重新整理一次頁面:

HTML中的meta標籤及其使用方法

meta標籤共有兩個屬性,分別是http equiv屬性和name屬性。其中name屬性共有以下幾種引數。a c為常用屬性 a.keywords 關鍵字 說明 用於告訴搜尋引擎,你網頁的關鍵字。舉例 b.description 內容的描述 c.viewport 移動端的視窗 說明 這個概念較為複雜,...

HTML中的meta標籤及其使用方法

meta標籤共有兩個屬性,分別是http equiv屬性和name屬性。其中name屬性共有以下幾種引數。a c為常用屬性 a.keywords 關鍵字 說明 用於告訴搜尋引擎,你網頁的關鍵字。舉例 b.description 內容的描述 c.viewport 移動端的視窗 說明 這個概念較為複雜,...

meta標籤的使用

html說簡單很簡單,說複雜也複雜。以下是meta標籤的使用,你知道多少呢?meta標籤位於文件的頭部,不會顯示在頁面上,但機器是可以讀的。作用是 提供html頁面的元資訊,比如設定關鍵字 描述 作者 視口屬性 重新整理頻率 快取控制等。一 告訴機器以何種方式解析文件,跟文件本身的字元編碼是兩碼事。...