HTML常用meta標籤詳細版
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不區分大小寫 --> <!-- 更加標準的 lang 屬性寫法 宣告瀏覽器語言環境 上面這一段表示這是一張中文網頁 常用的lang屬性有 1. 簡體中文頁面：html lang=zh-cmn-Hans 2. 繁體中文頁面：html lang=zh-cmn-Hant 3. 英語頁面：html lang=en 據我猜測，360瀏覽器提示是否翻譯成中文就是識別的這個標籤 --> <html lang="zh-cmn-Hans"> <head> <!-- 宣告文件使用的字元編碼 --> <meta charset='utf-8'> <!-- 這是一個，文件相容模式的定義。 Edge 模式告訴 IE 以最高階模式渲染文件，也就是任何 IE 版本都以當前版本所支援的最高階標準模式渲染， 避免版本升級造成的影響。簡單的說，就是什麼版本 IE 就用什麼版本的標準模式渲染 --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!--SEO優化 --> <meta name="description" content="不超過150個字元" /> <!-- 頁面描述 --> <meta name="keywords" content=""/> <!-- 頁面關鍵詞 --> <meta name="author" content="name,[email protected]" /> <!-- 網頁作者 --> <!-- <meta name="Robots" contect="all|none|index|noindex|follow|nofollow"> 預設是all robots取值 none 搜尋引擎將忽略此網頁，等價於noindex，nofollow。 noindex 搜尋引擎不索引此網頁。 nofollow 搜尋引擎不繼續通過此網頁的連結索引搜尋其它的網頁。 all 搜尋引擎將索引此網頁與繼續通過此網頁的連結索引，等價於index，follow。 index 搜尋引擎索引此網頁。 follow 搜尋引擎繼續通過此網頁的連結索引搜尋其它的網頁。 --> <meta name="robots" content="index,follow" /> <!-- 指定瀏覽器核心解碼，主要原因為國內大部分都是雙核瀏覽器 若頁面需預設用極速核，增加標籤：<meta name="renderer" content="webkit"> 若頁面需預設用ie相容核心，增加標籤：<meta name="renderer" content="ie-comp"> 若頁面需預設用ie標準核心，增加標籤：<meta name="renderer" content="ie-stand"> content的取值為webkit,ie-comp,ie-stand之一，區分大小寫，分別代表用webkit核心，IE相容核心，IE標準核心。 360瀏覽器會直接採用極速模式 webkit --> <meta name="renderer" content="webkit" /> <!-- 禁止百度轉碼 --> <meta http-equiv="Cache-Control" content="no-siteapp" /> <!-- UC強制豎屏 --> <meta name="screen-orientation" content="portrait" /> <!-- QQ強制豎屏 --> <meta name="x5-orientation" content="portrait" /> <!-- UC強制全屏 --> <meta name="full-scerrn" content="yes" /> <!-- QQ強制全屏 --> <meta name="x5-fullscreen" content="ture" /> <!-- QQ應用模式 --> <meta name="x5-page-mode" content="app" /> <!-- UC應用模式 --> <meta name="browsermode" content="application"> <!-- window phone 點亮無高光 --> <meta name="msapplication-tap-highlight" content="no" /> <!-- 安卓裝置不自動識別郵件地址 --> <meta name="format-detection" name="email=no" /> <!-- ` 為移動裝置新增 viewport，原因在於移動端的css1px並不等於物理上的1px，因為手機螢幕的解析度已經越來越高， 高畫素但是螢幕尺寸卻沒有發生太大變化，那就意味著一個物理畫素點實際上塞入了好幾個畫素。 width=device-width：` 會導致 iPhone 5 新增到主屏後以 WebApp 全屏模式開啟頁面時出現黑邊 http://bigc.at/ios-webapp-viewport-meta.orz initial-scale 設定頁面的初始縮放值，為一個數字，可以帶小數 minimum-scale 允許使用者的最小縮放值，為一個數字，可以帶小數 maximum-scale 允許使用者的最大縮放值，為一個數字，可以帶小數 height 設定layout viewport 的高度，這個屬性對我們並不重要，很少使用 user-scalable 是否允許使用者進行縮放，值為”no”或”yes”, no 代表不允許，yes代表允許 --> <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> <!-- iOS 裝置 begin --> <meta name="apple-mobile-web-app-title" content="標題"> <!-- 新增到主屏後的標題（iOS 6 新增） --> <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 是否啟用 WebApp 全屏模式 --> <!-- 設定狀態列的背景顏色，只有在 `"apple-mobile-web-app-capable" content="yes"` 時生效 content 引數： default 預設值。 black 狀態列背景是黑色。 black-translucent 狀態列背景是黑色半透明。 如果設定為 default 或 black ,網頁內容從狀態列底部開始。 如果設定為 black-translucent ,網頁內容充滿整個螢幕，頂部會被狀態列遮擋。 --> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="format-detection" content="telephone=no" /> <!-- 禁止數字自動識別為電話號碼 --> <!-- 新增智慧 App 廣告條 Smart App Banner（iOS 6+ Safari） --> <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"> <!-- iOS 圖示 begin --> <!-- rel 引數： apple-touch-icon 圖片自動處理成圓角和高光等效果。 apple-touch-icon-precomposed 禁止系統自動新增效果，直接顯示設計原圖。 --> <!-- iPhone 和 iTouch，預設 57x57 畫素，必須有 --> <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png" /> <!-- Retina iPhone 和 Retina iTouch，114x114 畫素，可以沒有，但推薦有 --> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png" /> <!-- Retina iPad，144x144 畫素，可以沒有，但推薦有 --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png" /> <!-- iOS 圖示 end --> <!-- iOS 啟動畫面 begin --> <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png" /> <!-- iPad 豎屏 768 x 1004（標準解析度） --> <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png" /> <!-- iPad 豎屏 1536x2008（Retina） --> <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png" /> <!-- iPad 橫屏 1024x748（標準解析度） --> <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png" /> <!-- iPad 橫屏 2048x1496（Retina） --> <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png" /> <!-- iPhone/iPod Touch 豎屏 320x480 (標準解析度) --> <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png" /> <!-- iPhone/iPod Touch 豎屏 640x960 (Retina) --> <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png" /> <!-- iPhone 5/iPod Touch 5 豎屏 640x1136 (Retina) --> <!-- iOS 啟動畫面 end --> <!-- iOS 裝置 end --> <meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8 磁貼顏色 --> <meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8 磁貼圖示 --> <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" /> <!-- 新增 RSS 訂閱 --> <link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> <!-- 新增 favicon icon --> <title>標題</title> </head>
相關推薦
HTML常用meta標籤詳細版
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不區分大小寫 --> <!-- 更加標準的 lang 屬性寫法 宣告瀏覽器語言環境 上面這一段表示這是一張中文網頁 常用的lang屬性有 1. 簡體中文頁面：
前端系列教程之HTML（常用meta標籤）
<head> <!-- 宣告文件使用的字元編碼 --> <meta charset='utf-8'> <!-- 優先使用 IE 最新版本和 Chrome --> <meta http-equiv="X-UA
html的meta標籤
meta標籤的作用。 metadata 中文名叫做元資料，是用於描述資料的資料，他不會顯示在頁面上，但是機器可以識別，常用於定義頁面的說明，關鍵字，最後修改日期，和其他資訊，這些資訊儲存於瀏覽器，如何佈局或者重新載入頁面。搜尋引擎和其他服務。 兩個屬性 http-equiv屬性和name
HTML常用行標籤和表單控制元件
HTML常用的行級標籤 行內元素不獨佔一行 HTML連結 a標籤 href屬性是必須要的屬性，target指定連線以何種方式開啟，_blank用新視窗開啟，預設是self原視窗開啟。 <a href="連結" target="_blank">連結文字</a&
常用META標籤整理和SEO優化
之前對meta標籤的理解只有 <meta charset="UTF-8"> 和移動端適口 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, m
常用meta 標籤
摘要 專案 說明 形式 <meta http-equiv="..." content="..."> <meta name="..." content="..."> 支援 H3+ / e2+ / N2+ / Fx1+ / Op6+ /
分享一些HTML常用的標籤
address:地址samp：示例pre:預定義格式i:斜體small:變小b:變大center:居中strong:加重hr:水平線p:段落src:原始檔連線ul:無序列表ol:有序列表br:換行h1~h6:標題
HTML中meta標籤的作用與使用
META標籤用來描述一個HTML網頁文件的屬性 META標籤可分為兩大部分：HTTP-EQUIV和NAME變數。 HTTP例項 HTML程式碼例項中有一項內容是 <meta http-eq
爬蟲技術 -- 進階學習（十一）【補充】獲取html中meta標籤中的content的內容
但是meta標籤中的content內容的抓取，沒有提及到！ 上網搜尋了下，發現很少提及，所以寫篇隨筆，備忘一下！ 還是在HtmlAgillityPack搭配ScrapySharp的環境下，具體如何配置點選上一篇連結。 例子：<meta name="keywords" content="召開新聞
html頭部meta標籤詳解
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="keywords" content="關鍵詞">
html中meta標籤 refresh 屬性值 -- 重新整理與跳轉(重定向)頁面
示例： 5秒之後重新整理本頁面: <metahttp-equiv="refresh" content="5" /> 5秒之後轉到夢之都首頁: <metahttp-equiv="refresh" content="5;url=http://www.dream
移動端常用meta標籤
<meta charset="UTF-8"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-
HTML常用元素及標籤
以下內容為HTML的一些基本的操作，掌握這部分內容就可以開始進行網頁的搭建~ HTML基本文件 <!DOCTYPE html> <html> <head> <title>文件標題</title> </hea
Meta標籤常用屬性值的寫法和作用
什麼是meta標籤？ 元資料（metadata）是關於資料的資訊。 標籤提供關於 HTML 文件的元資料。元資料不會顯示在頁面上，但是對於機器是可讀的。 典型的情況是，meta 元素被用於規定頁面的描述、關鍵詞、文件的作者、最後修改時間以及其他元資料。 標籤始終位於 head 元素中。 元資料可用於
Html Mailto標籤詳細使用方法
Html Mailto標籤詳細使用方法 Html中mailto標籤是一個非常實用的貼近使用者體驗的標籤，大多情況下人們都在這樣使用 <a href="mailto:[email protected]">[email protected]</a>
html 常用標籤以及標籤屬性
1.基礎標籤 <i> 這是斜體</i> || <em>這也是斜體</e> <b>這是粗體</b> || <strong> 這也是粗體</st
(轉載)html常用標籤
1、em/strong/span <span> 正常字型內容，設定與普通字型不同的樣式 <em> 斜體，表示強調語義 <strong> 加粗字型，表示強調語義 例子： <p>第一段</p>
史上最全的HTML和CSS標籤常用命名規則
資料夾主要建立以下資料夾： 1、Images 存放一些網站常用的圖片； 2、Css 存放一些CSS檔案； 3、Flash 存放一些Flash檔案； 4、PSD 存放一些PSD原始檔； 5、Temp 存放所有臨時圖片和其它檔案； 6、copyright
HTML---常用標籤1
1.文字標籤 <font size="1--7" color="英文單詞/十六進位制RGB"></font> 2.標題標籤 <h1></h1> <h2></h2> ... <h6></h6>
關於Oxygen版 Eclipse JSP或html 中option標籤使用c:if報錯的問題
問題分析： 使用該版本eclipse 編輯jsp或html頁面會出現報錯，如圖所示： 其實這是eclipse的一個bug，只需下載更新外掛修復即可。 解決方案 1.下載bug補丁，補丁地址：https://bugs.eclipse.org/bugs/show_