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的端區別及設定
關於h5中meta標籤的使用
<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標籤是否需要自動播放視訊