HTML5移动开发中的meta与link

metaHTML5移动开发中的一些webkit专属头部标签，能够帮助浏览器更好的解析HTML代码，从而为HTML5移动开发提供更好的前端表现与体验viewport网页缩放<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />UTF-8编码<meta charset="utf-8" />SEO搜索引擎相关设置<！-- 作者 --><meta name="author" contect="..." /><！-- 关键词 --><meta name="keywords" content="..." /><！-- 描述 --><meta name="description" content="..." /><！-- 抓取 --><meta name="robots" content="..." />iOS系统相关设置<！-- 禁用自动识别电话号码 --><meta name="format-detection" content="telephone=no" /><！-- 禁用自动识别电子邮件 --><meta name="format-detection" content="email=no" />Safari浏览器相关设置<！-- 强制全屏 --><meta name="apple-mobile-web-app-capable" content="yes" /><！-- 设置状态栏颜色 --><meta name="apple-mobile-web-app-status-bar-style" content="black" /><！-- 设置添加至主屏标题 --><meta name="apple-mobile-web-app-title" content="..." />UC浏览器相关设置<！-- 强制竖屏 --><meta name="screen-orientation" content="portrait" /><！-- 强制全屏 --><meta name="full-screen" content="yes" /><！-- 应用模式 --><meta name="browsermode" content="application" />QQ浏览器相关设置<！-- 强制竖屏 --><meta name="x5-orientation" content="portrait" /><！-- 强制全屏 --><meta name="x5-fullscreen" content="true" /><！-- 应用模式 --><meta name="x5-page-mode" content="app" />360浏览器相关设置<！-- 启用极速模式 --><meta name="renderer" content="webkit" />WP手机相关设置<！-- 禁用点击高光效果 --><meta name="msapplication-tap-highlight" content="no" />Weibo社交标签相关设置<！-- 展示标题 --><meta property="og:title" content="..." /><！-- 展示描述 --><meta property="og:description" content="..." /><！-- 展示类型 --><meta property="og:type" content="..." /><！-- 展示图片 --><meta property="og:image" content="..." /><！-- 展示链接 --><meta property="og:url" content="..." />link让你的WebAPP看上去更像NativeAPP，带来不一样的用户体验RSS订阅<link rel="alternate" type="application/rss+xml" href="rss.xml" title="RSS" />主屏图标相关设置<！-- Favicons --><link rel="shortcut icon" type="image/ico" href="../images/favicon.ico" /><！-- Android --><link rel="icon" sizes="196x196" href="../images/icon-196x196.png" /><！-- iPhone、iTouch --><link rel="apple-touch-icon-precomposed" href="../images/icon-57x57.png" /><！-- Retina iPhone、Retina iTouch --><link rel="apple-touch-icon-precomposed" sizes="114x114" href="../images/icon-114x114.png" /><！-- Retina iPad --><link rel="apple-touch-icon-precomposed" sizes="144x144" href="../images/icon-144x144.png" />iOS启动动画相关设置<！-- iPhone、iPod Touch竖屏 --><link rel="apple-touch-startup-image" href="../images/icon-320x480.png" /><！-- Retina iPhone、Retina iPod Touch竖屏 --><link rel="apple-touch-startup-image" sizes="640x960" href="../images/icon-640x960.png" /><！-- Retina iPhone 5、Retina iPod Touch 5竖屏 --><link rel="apple-touch-startup-image" sizes="640x1136" href="../images/icon-640x1136.png" /><！-- iPad竖屏 --><link rel="apple-touch-startup-image" sizes="768x1004" href="../images/icon-768x1004.png" /><！-- iPad横屏 --><link rel="apple-touch-startup-image" sizes="1024x748" href="../images/icon-1024x748.png" /><！-- Retina iPad竖屏 --><link rel="apple-touch-startup-image" sizes="1536x2008" href="../images/icon-1536x2008.png" /><！-- Retina iPad横屏 --><link rel="apple-touch-startup-image" sizes="2048x1496" href="../images/icon-2048x1496.png" />关于meta与link的设置项其实还有不少，由于太过冷门，就不一一列举了HTML5新增的标签和废除的标签 http://www.linuxidc.com/Linux/2016-01/127516.htm40 个重要的 HTML5 面试题及答案 http://www.linuxidc.com/Linux/2015-12/126824.htmHTML5与CSS3基础教程（第8版）中文高清版 PDF http://www.linuxidc.com/Linux/2015-12/125734.htmHTML5 地理位置定位（HTML5 Geolocation）原理及应用 http://www.linuxidc.com/Linux/2012-07/65129.htm HTML5移动开发即学即用（双色） PDF+源码 http://www.linuxidc.com/Linux/2013-09/90351.htm HTML5入门学习笔记 http://www.linuxidc.com/Linux/2013-09/90089.htm HTML5移动Web开发笔记 http://www.linuxidc.com/Linux/2013-09/90088.htm HTML5 开发中的本地存储的安全风险 http://www.linuxidc.com/Linux/2013-06/86486.htm 《HTML5与CSS3权威指南》及相配套源码 http://www.linuxidc.com/Linux/2013-02/79950.htm 关于 HTML5 令人激动的 10 项预测 http://www.linuxidc.com/Linux/2013-02/79917.htm HTML5与CSS3实战指南 PDF http://www.linuxidc.com/Linux/2013-02/79910.htm 本文永久更新链接地址：http://www.linuxidc.com/Linux/2016-03/128945.htm