<!DOCTYPE html>
<html lang="en">
<head>
<!-- 声明文档使用的字符编码 -->
<meta charset="utf-8">
<title>html5的meta</title>
</head>
<body>
<div>
<em>斜体（语义）：（em）</em><br>
<strong>加粗（语义）：（strong）</strong><br>
<i>斜体字（i）</i><br>
<b>粗体字（b）</b><br>
<u>下划线（u）</u><br>
</div>
<div>
<h3>meta是什么</h3>
<p>用于描述数据的数据。它不会显示在页面上，但是机器却可以识别</p>
<p>meta常用于定义页面的说明，关键字，最后修改日期，和其它的元数据。这些元数据将服务于浏览器（如何布局或重载页面），搜索引擎和其它网络服务</p>
<p>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词</p>
<p>除了提供文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定。</p>
<h3>meta的必须属性和可选属性</h3>
<p>必须属性是content，当然并不是说meta标签里一定要有content，而是当有”http-equiv“或者“name”的时候，一定要有content属性进行说明</p>
<h4>name属性</h4>
<h5>name属性,页面关键词,规定一个逗号分隔的关键词列表 - 相关的网页（告诉搜索引擎页面是与什么相关的）。</h5>
<meta name="keywords" content="个人活动发布，会办app，活动管理，会议管理，社群管">
<h5>name属性,页面描述,规定页面的描述。搜索引擎会把这个描述显示在搜索结果中。</h5>
<meta name="description" content="发布个人会议，发布公司会议，w我们都可以帮你找到合适的会议地点和参会观众">
<h5>name属性,作者, 规定文档的作者的名字。</h5>
<meta name="author" content="WeiHuiQiang,weihuiqiang@csii.com.cn">
<h5>name属性,禁止百度转码。百度是会自动进行转码的</h5>
<meta name="Cache-Control" content=no-siteapp>
<h5>name属性,禁止谷歌自动提示翻译。</h5>
<meta name="google" value=“notranslate”>
<h5>name属性,影响移动端页面布局。</h5>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<h4>http-equiv属性</h4>
<h5>页面重定向和刷新,每三秒刷新</h5>
<meta http-equiv="Refresh" content="3"/>
<h5>页面重定向和刷新,三秒后跳入百度</h5>
<!-- <meta http-equiv="Refresh" content="3;url=http://baidu.com"/> -->
<h5>声明文档使用的字符编码,效果与上面等同</h5>
<!-- <meta http-equiv="content-type" content="text.html;charset=utf-8"/> -->
<h2>各浏览器平台</h2>
<h3>Google Chome</h3>
<h4>优先使用最新的Chome版本</h4>
<!-- <meta http-equiv="X-UA-Compatible" content="chrome=1"/> -->
<h4>禁止谷歌自动提示翻译。</h4>
<!-- <meta name="google" value=“notranslate”> -->
<h3>360浏览器</h3>
<h4>选择浏览器内核进行解析</h4>
<!-- <meta name="renderer" content="webkit|ie-comp|ie-stand"> -->
<h3>UC手机浏览器</h3>
<h4>将屏幕锁定在特定的方向</h4>
<!-- <meta name="screen-orientation" content="landscape/ portrait"> -->
<h4>全屏显示页面</h4>
<!-- <meta name="full-screen" content="yes"> -->
<h4>强制图片显示，即使是"text mode"</h4>
<!-- <meta name="imagemode" content="force"> -->
<h4>应用模式，默认将全屏，禁止长按菜单，禁止手势，标准排版，强制图片显示。</h4>
<!-- <meta name="browsermode" content="application"> -->
<h4>禁止夜间模式显示</h4>
<!-- <meta name="nightmode" content="disable"> -->
<h4>使用适屏模式显示</h4>
<!-- <meta name="layoutmode " content="fitscreen" > -->
<h4>当页面有太多文字时禁止缩放</h4>
<!-- <meta name="wap-font-scale" content="no" > -->
<h3>QQ手机浏览器</h3>
<h4>将屏幕锁定在特定的方向</h4>
<!-- <meta name="x5-orientation" content="landscape/portrait"> -->
<h4>全屏显示页面</h4>
<meta name= "x5-fullscreen" content="true">
<h4>页面将以应用模式显示</h4>
<!-- <meta name="x5-page-mode" content="app"> -->
<h1>移动端常用的meta</h1>
<h4>删除苹果默认的工具栏和菜单栏</h4>
<!-- <meta name="apple-mobile-web-app-capable" content="yes" /> -->
<h4>忽略页面中的数字识别为电话，忽略email识别</h4>
<!-- <meta name="format-detection" content="telphone=no,email=no"/> -->
<h4>设置苹果工具栏额色</h4>
<!-- <meta name="apple-mobile-web-app-status-bar-style" content="black" /> -->
<h4>启用360浏览器的极速模式(webkit)</h4>
<!-- <meta name="renderer" content="webkit"> -->
<h4>避免IE使用兼容模式</h4>
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
</div>
</body>
</html>补充
1.name属性补充
2.viewport属性补充
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
