经常使用meta标签属性

《meta》
1.Keywords (keyword)
说明:告诉搜索引擎你网页的keyword是什么。
使用方法:<meta name="keywords" content="SEO优化,SEO优化教程,站点优化,搜索引擎优化教程">


2. Description (网页描写叙述)
说明:Description用来告诉搜索引擎你的网页主要内容。
使用方法:<meta name="description" content="学习研究搜索引擎优化网提供专业的SEO优化教程,收集整理SEO优化文章、SEO优化工具,为网络营销贡献出自己的一份力量。" />


3. Robots (机器人向导)
说明:Robots用来告诉搜索机器人哪些页面须要索引,哪些页面不须要索引。Content的參数有all、none、index、noindex、follow、nofollow。默认是all。


使用方法:<meta name="robots" content="All|None|Index|Noindex|Follow|Nofollow">
all:文件将被检索,且页面上的链接能够被查询。
none:文件将不被检索。且页面上的链接不能够被查询。(和 "noindex, no follow" 起同样作用)
index:文件将被检索;(让robot/spider登录)
follow:页面上的链接能够被查询;
noindex:文件将不被检索,但页面上的链接能够被查询;(不让robot/spider登录)
nofollow:文件将不被检索,页面上的链接能够被查询。(不让robot/spider顺着此页的连接往下探找) 

4. Author (作者)
说明:标注网页的作者或制作组
使用方法:<meta name="author" content="mycodewind。mycodewind@qq.com">
注意:Content能够是:你或你的制作组的名字,或Email


5. Copyright (版权)
说明:标注版权
使用方法:<meta name="copyright" content="本站点版权归CSDN全部">


6. Generator (编辑器)
说明:编辑器的说明
使用方法:<meta name="generator" content="PCDATA|FrontPage|">
注意:Content="你所用编辑器"


7. Revisit-after (重訪)
说明:通知搜索引擎多少天訪问一次
使用方法:<meta name="revisit-after" content="7 days" >


从IE9開始引入了固定站点功能。对用户来说这是一种仅仅需在任务栏上单击图标就可以直接訪问站点的简单方式。固定站点还易于实现。仅须要很少的代码。

下面的元数据标签仅仅在IE9+生效。

如Windows Vista,Windows 7系统上。官方文档地址http://msdn.microsoft.com/zh-cn/library/ie/gg491732%28v=vs.85%29.aspx 。

全部元素都是可选的。

8.移动端viewport标签
含义例如以下:
width
控制 viewport 的大小,能够指定的一个值或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。


height
和 width 相相应。指定视窗的高度。


target-densitydpi
一个屏幕像素密度是由屏幕分辨率决定的,通常定义为每英寸点的数量(dpi)。

Android支持三种屏幕像素密度:低像素密度。中像素密度,高像素密度。

一个低像素密度的屏幕每英寸上的像素点更少,而一个高像素密度的屏幕每英寸上的像素点很多其它。Android Browser和WebView默认屏幕为中像素密度。
以下是 target-densitydpi 属性的 取值范围
device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。
high-dpi – 使用hdpi 作为目标 dpi。

中等像素密度和低像素密度设备对应缩小。
medium-dpi – 使用mdpi作为目标 dpi。

高像素密度设备对应放大, 像素密度设备对应缩小。

这是默认的target density.
low-dpi -使用mdpi作为目标 dpi。

中等像素密度和高像素密度设备对应放大。
<value> – 指定一个详细的dpi 值作为target dpi. 这个值的范围必须在70–400之间。


为了防止Android Browser和WebView 依据不同屏幕的像素密度对你的页面进行缩放,你能够将viewport的target-densitydpi 设置为 device-dpi。当你这么做了。页面将不会缩放。相反。页面会依据当前屏幕的像素密度进行展示。

在这样的情形下,你还须要将viewport的width定义为与设备的width匹配,这样你的页面就能够和屏幕相适应。

initial-scale
初始缩放。即页面初始缩放程度。

这是一个浮点值。是页面大小的一个乘数。

比如,假设你设置初始缩放为“1.0”,那么。web页面在展现的时候就会以target density分辨率的1:1来展现。

假设你设置为“2.0”,那么这个页面就会放大为2倍。

maximum-scale
最大缩放。即同意的最大缩放程度。这也是一个浮点值。用以指出页面大小与屏幕大小相比的最大乘数。比如,假设你将这个值设置为“2.0”,那么这个页面与target size相比,最多能放大2倍。

user-scalable
用户调整缩放。即用户能否改变页面缩放程度。

假设设置为yes则是同意用户对其进行改变,反之为no。

默认值是yes。假设你将其设置为no,那么minimum-scale 和 

maximum-scale都将被忽略。由于根本不可能缩放。


全部的缩放值都必须在0.01–10的范围之内。


例:
(设置屏幕宽度为设备宽度,禁止用户手动调整缩放)
 <meta name="viewport" content="width=device-width,user-scalable=no" />
(设置屏幕密度为高频,中频,低频自己主动缩放,禁止用户手动调整缩放)
<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

另外。iOS 7.1的Safari为meta标签新增minimal-ui属性,在网页载入时默认隐藏地址栏与导航栏。

原文地址:https://www.cnblogs.com/yfceshi/p/6783234.html