html中的meta詳解

阿新 • • 發佈：2019-01-24

<!DOCTYPE html> <!-- HTML5 doctype 不區分大小寫 -->
<html lang="zh"> <!-- 更加標準的 lang 屬性寫法 http://zhi.hu/XyIa -->
 
<head>
<meta charset="UTF-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 優先使用IE最新版本和 Chrome -->
<meta name="renderer" 
 content="webkit|ie-comp|ie-stand"> <!-- 360 瀏覽器核心控制 -->
<!--
content的取值為webkit,ie-comp,ie-stand之一，區分大小寫，分別代表用webkit核心，IE相容核心，IE標準核心。
若頁面需預設用極速核，增加標籤：<meta name="renderer" content="webkit"> 
若頁面需預設用ie相容核心，增加標籤：<meta name="renderer" content="ie-comp"> 
若頁面需預設用ie標準核心，增加標籤：<meta name="renderer" content="ie-stand">
 
-->

<!-- width=device-width 會導致 iPhone 5 新增到主屏後以 WebAPP 全屏模式開啟頁面時出現黑邊 http://bigc.at/ios-webapp-viewport-meta.orz -->
<meta name ="viewport" content ="initial-scale=1.0, maximum-scale=3, minimum-scale=1, user-scalable=no">
 
<meta name="apple-mobile-web-app-title" content="標題"> <!-- 
 新增到主屏時的標題 -->
 
<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 是否啟用 WebAPP 全屏模式 -->
 
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <!-- 狀態條顏色 -->
 
<meta name="format-detection" content="telephone=no" /> <!-- 遮蔽數字自動識別為電話號碼 -->

<!-- favicon 圖示 -->
<link type="image/x-icon" rel="icon" href="http://static.example.com/favicon.ico"/>
<link type="image/x-icon" rel="shortcut icon" href="http://static.example.com/favicon.ico"/>
<link type="image/x-icon" rel="bookmark" href="http://static.example.com/favicon.ico"/>

<!-- iOS 圖示 begin -->
<!--預設 57x57 畫素-->
<link rel="apple-touch-icon-precomposed" href="http://wanke.etao.com/assets/img/icon/57/apple-touch-icon-57x57-precomposed.png" />
<!--iPad 1 72x72 畫素-->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://wanke.etao.com/assets/img/icon/72/apple-touch-icon-72x72-precomposed.png" />
<!--iPhone 4 114x114 畫素-->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://wanke.etao.com/assets/img/icon/114/apple-touch-icon-114x114-precomposed.png" />
<!-- iOS 圖示 end -->
 
<meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8 磁貼顏色 -->
<meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8 磁貼圖示 -->

<!-- SEO 優化 -->
<meta name="description" content="" /> <!-- 頁面描述 -->
<meta name="keywords" content=""/> <!-- 頁面關鍵詞 -->
<title>頁面標題</title>

<!-- iOS 應用啟動介面設定 begin -->
<!-- iPad Landscape – 1024 x 748 -->
<link rel="apple-touch-startup-image" sizes="1024x748" href="img/splash-screen-1024x748.png" />
<!-- iPad Portrait – 768 x 1004 -->
<link rel="apple-touch-startup-image" sizes="768x1004" href="img/splash-screen-768x1004.png" />
<!-- iPhone/iPod Touch Portrait – 320 x 480 (standard resolution) -->
<link rel="apple-touch-startup-image" href="img/splash-screen-320x480.png" />
<!-- iPhone/iPod Touch Portrait – 640 x 960 pixels (high-resolution) -->
<link rel="apple-touch-startup-image" sizes="640x960" href="img/splash-screen-640x960.png" />
<!-- iOS 應用啟動介面設定 end -->

</head>

html中的meta詳解

<!DOCTYPE html>  <html lang="zh">  <head> <met

Django model中的 class Meta 詳解

通過一個內嵌類 “class Meta” 給你的 model 定義元資料, 類似下面這樣: class Foo(models.Model): bar = models.CharField(maxlength=30) class Meta: # ...

meta標籤中屬性詳解

【1】簡介 <meta> 元素可提供有關頁面的元資訊（meta-information），比如針對搜尋引擎和更新頻度的描述和關鍵詞。 <meta>標籤位於文件的頭部，不包含任何內容。<meta>標籤的屬性定義了與文件相關聯

python介面自動化（三十）--html測試報告通過郵件發出去——中（詳解）

簡介　　上一篇，我們雖然已經將生成的最新的測試報告發出去了，但是MIMEText 只能傳送正文，無法帶附件，因此我還需要繼續改造我們的程式碼，實現可以傳送帶有附件的郵件。傳送帶附件的需要匯入另外一個模組 MIMEMultipart。還有就是測試負責人不止一個人，需要將測試報告發給多個人，也就是多個收件

JS中JSON詳解

名稱完全 rip json詳解 core 兼容 json字符串之間 org JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式，采用完全獨立於語言的文本格式，是理想的數據交換格式。同時，JSON是 JavaScript 原生格式

nodeJs中npm詳解

commonjs -s license mon sem console 能力效應模塊安裝 npm 是 Node.js 的模塊依賴管理工具。作為開發者使用的工具，主要解決開發 node.js 時會遇到的問題。如同 RubyGems 對於 Ruby 開發者和 Maven 對

006_netstat中state詳解

51cto time list osi lose 手動請求等待沒有 TCP三次握手的過程如下：主動連接端發送一個SYN包給被動連接端；被動連接端收到SYN包後，發送一個帶ACK和SYN標誌的包給主動連接端；主動連接

EditText中inputType詳解

trac extc isa share bsp input itl 浮點 ttext <EditText Android:layout_width="fill_parent" android:layout_height="wrap_content" android

meta 詳解，html5 meta 標簽日常設置（轉）

user 針對 html keywords desc obi 360瀏覽器 initial friendly <!DOCTYPE html>  <html lang="zh-cm

linux中top詳解

linux查看進程之top詳解簡介top命令是Linux下常用的性能分析工具，能夠實時顯示系統中各個進程的資源占用狀況，類似於Windows的任務管理器。top顯示系統當前的進程和其他狀況,是一個動態顯示過程,即可以通過用戶按鍵來不斷刷新當前狀態.如果在前臺執行該命令,它將獨占前臺,直到用戶終止該程序為止.

視覺SLAM中相機詳解

目的攝像頭像素一定的原理接收計算傳感 span 視覺SLAM中，通常是指使用相機來解決定位和建圖問題。 SLAM中使用的相機往往更加簡單，不攜帶昂貴的鏡頭，以一定的速率拍攝周圍的環境，形成一個連續的視頻流。相機分類：單目相機：只是用一個攝像頭進行SLAM的

04-Linux中DNS詳解（一）

訪問舉例 dynamic linux下目錄 col ofo 圖片 nslookup 零、關於配置Linux下的DNS中一些名詞的解釋請參見文章“03-關於配置Linux下的DNS中一些名詞的解釋（轉自網絡）”自行學習一、關於DNS配置文件查看DNS配置文件： rpm -

05-Linux中DNS詳解（二）

相關 proc gen lin 四種方法 .... rate 我的網站四種接“04-Linux中DNS詳解（一）” 六、在Linux上測試域名解析1、先檢查DNS是否設置正確 cat /etc/resolv.conf [resolv.conf] # Generate

07-Linux中DNS詳解（四）

用戶 mail all 驗證 src 更改條目 http nslookup 接“06-Linux中DNS詳解（三）” 九、配置主從DNS服務器實現域名解析容錯 1、實驗環境zhangyujia.com(192.168.80.100)為主區域，com(192.168.8

HTMl中Meta標簽和meta property=og標簽含義

標簽 face may log 本地提高 net 說明 label meta是head區的一個輔助性標簽。其主要作用有：搜索引擎優化（SEO），定義頁面使用語言，自動刷新並指向新的頁面，實現網頁轉換時的動態效果，控制頁面緩沖，網頁定級評價，控制網頁顯示的窗口等！ meta

Angular JS 中指令詳解

scope [] 功能 spa fun table clas rest 方法 Angular JS的強大功能就在於其可以自定義很多指令，現在就指令做一下詳細的剖析。一個Angular js 指令（directive）的生命周期開始於$compile方法結束於$link

ES6 中 Promise 詳解

out 保持 type xxxxx 承諾操作結束 span aso Promise，簡單說就是一個容器，裏面保存著某個未來才會結束的事件（通常是一個異步操作）的結果。從語法上說，Promise 是一個對象，從它可以獲取異步操作的消息。 Promise 提供統一的 API

LeetCode-4. 兩個排序數組的中位數(詳解)

說了 AC problems arr scrip print 奇數時間復雜度兩個鏈接:https://leetcode-cn.com/problems/median-of-two-sorted-arrays/description/ 有兩個大小為 m 和 n

HTML完全使用詳解 PDF掃描版?

遠程根據初識效率 4.2 格式化文本 inf itl 文檔《HTML完全使用詳解》根據網頁制作的實際特點和目前市場需要，全面系統地介紹了最新的HTML4.01。豐富的實例貫穿全書，能幫助您全面掌握HTML，而且本書所有實例均可直接修改使用，可以提高您的工作效率。 H

html中的meta詳解

相關推薦