html meta标签

Posted 为师灭了你

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html meta标签相关的知识,希望对你有一定的参考价值。

html5:参考了网上的一些资料,总结了 一些常用的。

 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://blog.csdn.net/kongjiea/article/details/17092413

以上是关于html meta标签的主要内容,如果未能解决你的问题,请参考以下文章

html的meta总结,html标签中meta属性使用介绍

html的meta总结,html标签中meta属性使用介绍

如何理解meta标签

meta标签的一些用法

HTML Meta标签知多少

pc端页面添加meta标签:X-UA-Compatible meta标签