html meta标签

关于meta 标签 ,参考了网上的一些资料,总结了 一些基本的。

 1 <!DOCTYPE html>
 2 <html lang="zh-CN">
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>html meta标签</title>
 6         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 7         <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 8         <meta name="format-detection" content="telephone=no"> 
 9         <meta name="format-detection" content="email=no"/>  
10         <meta name="apple-mobile-web-app-capable" content="yes"> 
11         <meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
12     </head>
13     <body>
14     </body>
15 </html>
<html lang="zh-CN">     
说明:lang="zh-CN" 搜索引擎利用它能够告诉用户采用哪一种语言编写文档、屏幕阅读器利用它能够以不同的方式发音不同的语言以及一些应用程序能够在它们不支持所提供的语言或者该语言与它们的默认语言不同时向用户发出警报

<meta charset="UTF-8">
说明:文档字符编码,最好放在第一行让浏览器首先识别

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">   
说明:优先使用 IE 最新版本和 Chrome (比较好的综合解决方法)

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
说明:页面按屏幕缩放,手机自适应必备meta

<meta name="format-detection" content="telephone=no">
说明:忽略页面中的数字识别为电话号码

<meta name="format-detection" content="telephone=no">
说明:忽略页面中的邮箱格式为邮箱

<meta name="apple-mobile-web-app-capable" content="yes">
说明:ios系统-开启对web app程序的支持,意思就是删除默认的苹果工具栏和菜单栏,开启全屏显示

<meta name="apple-mobile-web-app-status-bar-style" content="black">
说明:ios系统-在web app应用下状态条(屏幕顶部条)的颜色,默认值为 default:白色,可以定为 black:黑色和 black-translucent:灰色半透明

<meta http-equiv="Pragma" content="no-cache" />
说明:禁止浏览器从本地计算机的缓存中访问页面内容


关于手机设备

  <!–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应用模式–>

  <metaname="browsermode"content="application">

  <!–QQ应用模式–>

  <meta name="x5-page-mode"content="app">

 


 

查看更多meta标签详解  http://blog.csdn.net/kongjiea/article/details/17092413

http://www.aliyue.net/986.html#0-sqq-1-24767-9737f6f9e09dfaf5d3fd14d775bfee85

posted @ 2016-03-31 11:31  为师灭了你  阅读(227)  评论(0编辑  收藏  举报