-
Notifications
You must be signed in to change notification settings - Fork 52
html公共模板
LYF edited this page Mar 23, 2017
·
3 revisions
<html lang="zh-CN">
<head>
<!-- H5 指定页面编码 -->
<meta charset="UTF-8"/>
<!-- H5之前 指定页面编码 -->
<!--http-equiv="Content-Type" 表示描述文档类型-->
<!--HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<!-- IE使用最高版本渲染，如果用户安装了Google Chrome Frame，则使用chrome渲染 -->
<meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1"/>
<!-- 双核浏览器使用webkit内核渲染 -->
<meta name="renderer" content="webkit"/>
<!-- 设定视口属性 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<!-- IOS Safari 允许全屏展示 -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!-- IOS Safari 顶端状态条样式 -->
<!--在 web app 应用下状态条（屏幕顶部条）的颜色；(改变顶部状态条的颜色)-->
<!--默认值为 default（白色），可以定为 black（黑色）和 black-translucent（灰色半透明）；-->
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<!-- 不将数字识别为电话号码 -->
<meta name="format-detection" content="telephone=no"/>
<!-- 不将数字识别为邮件地址 -->
<meta name="format-detection" content="email=no">
<!-- 页面描述。用于SEO -->
<meta name="description" content=""/>
<!-- window phone 点击无高光 -->
<!-- 从windows phone 7 开始，在平板或手机上的ie9、ie10，点击会出现灰色的圆或矩形对用户提示，平板上的还相对好看，但是手机上的特别难看，而windows phone 7.5 这个灰色区域无法去除。好在windows phone 8 终于支持了。 -->
<!-- 不过相对于webkit核心的-webkit-tap-highlight-color，webkit这命令支持设置任何颜色，但是ie10目前看来只能禁止，不能设置颜色了 -->
<meta name="msapplication-tap-hightlight" content="no">
<meta name="msapplication-TileColor" content="#000"/>
<!-- Windows 8 磁贴颜色 -->
<meta name="msapplication-TileImage" content="icon.png"/>
<!-- Windows 8 磁贴图标 -->
<!-- UC默认竖屏 ，UC强制全屏 -->
<meta name="full-screen" content="yes">
<!--使用了application这种应用模式后，页面讲默认全屏，禁止长按菜单，禁止收拾，标准排版，以及强制图片显示。-->
<!--应用模式-->
<meta name="browsermode" content="application">
<!-- QQ强制竖屏 QQ强制全屏 -->
<!--设置屏幕方向-->
<meta name="x5-orientation" content="portrait">
<!--设置全屏-->
<meta name="x5-fullscreen" content="true">
<!--设置屏幕模式-->
<meta name="x5-page-mode" content="app">
<!-- 页面关键词。用于SEO -->
<meta name="keywords" content=""/>
<!-- 网页作者 -->
<meta name="author" content="name, email@gmail.com"/>
<!-- 搜索引擎抓取 -->
<meta name="robots" content="index,follow"/>
<!-- IOS Safari 保存到桌面图标 -->
<link rel="apple-touch-icon" href=""/>
<!-- 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） -->
<!-- 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 像素，可以没有，但推荐有 -->
<!-- 添加 RSS 订阅 -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
<!-- 页面icon。两种方式-->
<link rel="icon" href="" type="image/x-icon">
<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
<!-- sns 社交标签 begin -->
<!-- 参考微博API -->
<meta property="og:type" content="类型" />
<meta property="og:url" content="URL地址" />
<meta property="og:title" content="标题" />
<meta property="og:image" content="图片" />
<meta property="og:description" content="描述" />
<!-- sns 社交标签 end -->
<title>document</title>
</head>
<body>
</body>
</html>