1. 程式人生 > >H5各種頭部meta標籤功能大全

H5各種頭部meta標籤功能大全

<!DOCTYPE html>  H5標準宣告,使用 HTML5 doctype,不區分大小寫

<head lang=”en”> 標準的 lang 屬性寫法

<meta charset=’utf-8′>    宣告文件使用的字元編碼

<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>   優先使用 IE 最新版本和 Chrome

<meta name=”description” content=”不超過150個字元”/>       頁面描述

<meta name=”keywords” content=””/>      頁面關鍵詞

<meta name=”author” content=”name, [email protected]”/>    網頁作者

<meta name=”robots” content=”index,follow”/>      搜尋引擎抓取

<meta name=”viewport” content=”initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no”> 為移動裝置新增 viewport

<meta name=”apple-mobile-web-app-title” content=”標題”> iOS 裝置 begin

<meta name=”apple-mobile-web-app-capable” content=”yes”/>  新增到主屏後的標題(iOS 6 新增)

是否啟用 WebApp 全屏模式,刪除蘋果預設的工具欄和選單欄

<meta name=”apple-itunes-app” content=”app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL”>

新增智慧 App 廣告條 Smart App Banner(iOS 6+ Safari)

<meta name=”apple-mobile-web-app-status-bar-style” content=”black”/>

<meta name=”format-detection” content=”telphone=no, email=no”/>  設定蘋果工具欄顏色

<meta name=”renderer” content=”webkit”>  啟用360瀏覽器的極速模式(webkit)

<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>     避免IE使用相容模式

<meta http-equiv=”Cache-Control” content=”no-siteapp” />    不讓百度轉碼

<meta name=”HandheldFriendly” content=”true”>     針對手持裝置優化,主要是針對一些老的不識別viewport的瀏覽器,比如黑莓

<meta name=”MobileOptimized” content=”320″>   微軟的老式瀏覽器

<meta name=”screen-orientation” content=”portrait”>   uc強制豎屏

<meta name=”x5-orientation” content=”portrait”>    QQ強制豎屏

<meta name=”full-screen” content=”yes”>              UC強制全屏

<meta name=”x5-fullscreen” content=”true”>       QQ強制全屏

<meta name=”browsermode” content=”application”>   UC應用模式

<meta name=”x5-page-mode” content=”app”>    QQ應用模式

<meta name=”msapplication-tap-highlight” content=”no”>    windows phone 點選無高光

設定頁面不快取

<meta http-equiv=”pragma” content=”no-cache”>

<meta http-equiv=”cache-control” content=”no-cache”>

<meta http-equiv=”expires” content=”0″>

每天記錄一點,每天進步一點。



本文內容轉載至https://www.cnblogs.com/reaf/p/6728882.html

相關推薦

H5各種頭部meta標籤功能大全

<!DOCTYPE html>  H5標準宣告,使用 HTML5 doctype,不區分大小寫<head lang=”en”> 標準的 lang 屬性寫法<meta charset=’utf-8′>    宣告文件使用的字元編碼<meta http-equiv=”X-

html頭部meta標籤詳解

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="keywords" content="關鍵詞">

html頭部meta屬性大全——各種奇葩屬性設置大歸類

前端開發 html標簽設置常用通用屬性:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><!-

meta標籤的使用——使頁面適應各種裝置

為了是頁面能適應移動端,一般會加上如下程式碼: <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0" charset="utf-8"> <meta http-eq

meta 標籤大全

web開發的meta標籤 - 總結篇 總結一些用到的和遇到的,服務以後可能會用到的地方。 文章目錄 web開發的meta標籤 - 總結篇 一、常見meta標籤 ,及含義 二、關於icon的端區別及設定

關於h5meta標籤的使用

<meta name="”viewport”" content="”width=device-width;" user-scalable="0;”" maximum-scale="1.0;" initial-scale="1.0;">

web端meta標籤各種狀態的設定

<meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式--> <meta content="widt

adb 功能大全

con cmd 空間大小 我們 cmd命令 adb shell 電腦 常常 輸入 當然首先是須要進入cmd命令行,執行 adb shell的。 以下介紹一些我們常常須要可是不怎麽會用的命令 1. df -sh 查看當前目錄占用空間大小 2. du 查看系統如今的內存

Xcode 9.0 新增功能大全

詳細 核心 kit 特定 beta ivar 當前 網絡調試 應用 Xcode是用於為Apple TV,Apple Watch,iPad,iPhone和Mac創建應用程序的完整開發人員工具集。Xcode開發環境采用tvOS SDK,watchOS SDK,iOS SDK和m

WebApp 裏Meta標簽大全,webappmeta標簽大全

ots scale 作用 blog format 教學 腳本 放置 default 1.先說說mate標簽裏的viewport: viewport即可視區域,對於桌面瀏覽器而言,viewport指的就是除去所有工具欄、狀態欄、滾動條等等之後用於看網頁的區域。對於傳統WE

Linux常見命令功能大全

pwd 關閉 系統調用 連通性 交換 郵件管理 計算命令 變量 獲取 Linux常見快捷鍵(6個) ctrl + u:剪貼光標前面ctrl + k:剪貼光標後面ctrl + y:粘貼ctrl + r:查找命令ctrl + insert:復制shift+ insert:粘

AD域、Windows AD域管理功能大全,再也不用東拼西湊了!

重置密碼 執行 保留 組織單元 water 分類 規則 被鎖 默認 Windows AD域管理功能大全,再也不用東拼西湊了! 功能一、AD域管理 1、AD域管理通過批量創建和編輯用戶帳戶,指派管理權限等,簡化Windows AD域的管理。2、批量管理域用戶使用CSV文件批

H5利用canvas實現海報功能

忽略 epic 會有 turn 找不到 font 需要 load ont 最近接到一個需求,微信中用戶上傳圖片生成海報。這個需求比較常規,實現思路也比較簡單,通過利用用戶的input輸入,對所上傳的圖片進行處理,最後通過第三方庫html2canvas合成對應的圖片即可。思路

企業IT資產管理功能大全

jpg 51cto 分享 process vpd type ado 管理 shadow 企業IT資產管理功能大全

meta 標籤 詳解

定義與用法 <meta> 元素可提供有關頁面的元資訊(meta-information),通常用於指定網頁的描述,關鍵詞,檔案的最後修改時間,作者、搜尋引擎和更新頻度及其他元資料。 元資料可以被使用瀏覽器(如何顯示內容或重新載入頁面),搜尋引擎(關鍵詞),或其他 Web

HTML5 meta標籤的用法

宣告文件使用的字元編碼:<meta charset="utf-8" />宣告文件的相容模式:<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> //指示IE以目前可用的最高模式顯示內容定義對頁面的描述:<

Meta標籤常用屬性值的寫法和作用

什麼是meta標籤? 元資料(metadata)是關於資料的資訊。 標籤提供關於 HTML 文件的元資料。元資料不會顯示在頁面上,但是對於機器是可讀的。 典型的情況是,meta 元素被用於規定頁面的描述、關鍵詞、文件的作者、最後修改時間以及其他元資料。 標籤始終位於 head 元素中。 元資料可用於

關於Meta標籤的一些知識

1、定義文件的編碼格式(H5的標準寫法) <meta charset="UTF-8">   2、宣告指定的瀏覽器以及版本 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

h5新增的iframe標籤、srcdoc標籤

h5新增的iframe標籤、srcdoc標籤 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</tit

82_h5筆記6_多媒體標籤 +棄用和新增標籤 + meta標籤詳解

一,video標籤 作用: 播放視訊 格式1: <video src=""> </video> video標籤的屬性 src: 告訴video標籤需要播放的視訊地址 autoplay: 告訴video標籤是否需要自動播放視訊