日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

H5各种头部meta标签的功能

發布時間：2023/12/20 编程问答 45 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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@gmail.com”/> ? ?網頁作者

<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″>

?前端交流群，期待你的加入！群號：127768464

轉載于:https://www.cnblogs.com/sysg/p/6541686.html

總結

以上是生活随笔為你收集整理的H5各种头部meta标签的功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。