Home > Developer > Web Develop

Meta-detailed, HTML5 META tag daily settings

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

<!DOCTYPE html> <!-- 使用 HTML 5 doctype，不区分大小写 --> "zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->    <!-- 声明文档使用的字符编码 -->    <meta charset=‘utf-8‘>    <!-- 优先使用 IE 最新版本和 Chrome -->    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>    <!-- 页面描述 -->    <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-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"/>    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->    <!-- 启用360浏览器的极速模式(webkit) -->    <meta name="renderer" content="webkit">    <!-- 避免IE使用兼容模式 -->    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->    <meta name="HandheldFriendly" content="true">    <!-- 微软的老式浏览器 -->    <meta name="MobileOptimized" content="320">    <!-- uc强制竖屏 -->    <meta name="screen-orientation" content="portrait">    <!-- QQ强制竖屏 -->    <meta name="x5-orientation" content="portrait">    <!-- UC强制全屏 -->    <meta name="full-screen" content="yes">    <!-- QQ强制全屏 -->    <meta name="x5-fullscreen" content="true">    <!-- UC应用模式 -->    <meta name="browsermode" content="application">    <!-- QQ应用模式 -->    <meta name="x5-page-mode" content="app">    <!-- windows phone 点击无高光 -->    <meta name="msapplication-tap-highlight" content="no">    <!-- 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>

Meta-detailed, HTML5 META tag daily settings

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
html meta tag tutorial meta name tag meta tag attributes meta tag html code meta tag property meta tag url javascript get meta tag

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More