Created
December 18, 2013 08:24
-
-
Save markyun/8018992 to your computer and use it in GitHub Desktop.
常用的 HTML 头部标签 详细介绍参见原文：https://github.com/yisibl/blog/issues/1
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --> | |
| <html lang="zh-cmn-Hans"> <!-- 更加标准的 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="description" content="不超过150个字符" /> <!-- 页面描述 --> | |
| <meta name="keywords" content=""/> <!-- 页面关键词 --> | |
| <meta name="author" content="name, [email protected]" /> <!-- 网页作者 --> | |
| <meta name="robots" content="index,follow" /> <!-- 搜索引擎抓取 --> | |
| <!-- 为移动设备添加 viewport --> | |
| <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz --> | |
| <!-- iOS 设备 begin --> | |
| <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） --> | |
| <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 是否启用 WebApp 全屏模式 --> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <!-- 设置状态栏的背景颜色，只有在 `"apple-mobile-web-app-capable" content="yes"` 时生效 --> | |
| <meta name="format-detection" content="telephone=no" /> <!-- 禁止数字识自动别为电话号码 --> | |
| <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"> <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） --> | |
| <!-- iOS 图标 begin --> | |
| <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png" /> <!-- iPhone 和 iTouch，默认 57x57 像素，必须有 --> | |
| <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png" /> <!-- Retina iPhone 和 Retina iTouch，114x114 像素，可以没有，但推荐有 --> | |
| <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png" /> <!-- Retina iPad，144x144 像素，可以没有，但推荐有 --> | |
| <!-- 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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment