HTML5各類頭部meta標籤的功能

時間 2019-11-11

標籤 html5 html 各類頭部 meta 標籤功能欄目 HTML5 简体版

原文原文鏈接

<!DOCTYPE html> H5標準聲明，使用 HTML5 doctype，不區分大小寫html

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

<meta charset=’utf-8′> 聲明文檔使用的字符編碼chrome

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

<meta name=」description」 content=」不超過150個字符」/> 頁面描述瀏覽器

<meta name=」keywords」 content=」」/> 頁面關鍵詞緩存

<meta name=」author」 content=」name, email@gmail.com」/> 網頁做者app

<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 設備 beginui

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

以上所述是我給你們介紹的HTML5各類頭部meta標籤的功能(推薦)，但願對你們有所幫助，若是你們有任何疑問請給我留言，小編會及時回覆你們的。在此也很是感謝你們對個人支持！

相關文章

相關標籤/搜索

PHP 7 新特性

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<