《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属性,在网页载入时默认隐藏地址栏与导航栏。

经常使用meta标签属性的更多相关文章

  1. 常用HTML meta 标签属性(网站兼容与优化需要),meta标签

    常用HTML meta 标签属性(网站兼容与优化需要),meta标签 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索 ...

  2. html meta标签属性与内容

    meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...

  3. meta 标签属性(网站兼容与优化需要)

    概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. —— W3School ...

  4. meta标签属性总结

    一.常见name属性.不同参数含义 meta标签的name属性语法格式是: <meta name="参数" content="具体的参数值"> 其中 ...

  5. 常见的meta标签属性

    meta标签是网页元标签.可以定义一些网站的功能. 1. name属性 name属性的通用格式如下: <meta name="xxx" content="xxxx, ...

  6. html中的meta标签属性

    <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和 Chrome --> <meta ...

  7. HTML5 <meta> 标签属性,所有meta用法都在这里了

    基本标签SEO 优化为移动设备添加 viewportWindows 8其他 禁止数字识自动别为电话号码不让android识别邮箱每 8 秒刷新一次页面移动端的头部标签和meta 基本标签 声明文档使用 ...

  8. html5 meta标签属性整理

    声明文档使用的字符编码 <meta charset='utf-8'> 声明文档的兼容模式 //指示IE以目前可用的最高模式显示内容<meta http-equiv="X-U ...

  9. html meta标签属性用法集合

    1.<meta name="generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等: 2 ...

随机推荐

  1. 2017江苏省省赛 Roads(全局最小割)

    Roads 时间限制: 2 Sec  内存限制: 256 MB提交: 6  解决: 2[提交][状态][讨论版] 题目描述 In ICPCCamp, there are n towns conveni ...

  2. Flask实战第54天:cms删除轮播图功能完成

    后台逻辑 编辑cms.views.py @bp.route('/dbanner/',methods=['POST']) @login_required def dbanner(): banner_id ...

  3. 【Numpy】python机器学习包Numpy基础知识学习

    一.安装:在之前的博客中已经写过:http://www.cnblogs.com/puyangsky/p/4763234.html 二.python数组切片知识: python中序列类有list.str ...

  4. JDBC 编程

    DAO设计 没有使用DAO存在的问题:多个地方都要都同时做CRUD操作时,重复的代码就会很多. DAO:Data Access Object(数据存取对象). 位于业务逻辑和持久化数据之间,实现对持久 ...

  5. [BZOJ2337][HNOI2011]XOR和路径(概率+高斯消元)

    直接不容易算,考虑拆成位处理. 设f[i]表示i到n的期望路径异或和(仅考虑某一位),则$f[y]=\sum\limits_{exist\ x1\to y=0}\frac{f[x1]}{d[x1]}+ ...

  6. (原创)Stanford Machine Learning (by Andrew NG) --- (week 9) Anomaly Detection&Recommender Systems

    这部分内容来源于Andrew NG老师讲解的 machine learning课程,包括异常检测算法以及推荐系统设计.异常检测是一个非监督学习算法,用于发现系统中的异常数据.推荐系统在生活中也是随处可 ...

  7. mongodb安装和配置,遇到问题和解决方法

    自己不知道怎么的,心血来潮想重新来安装和配置一下mongodb,之前自己也是按照别人的来整的,印象不深刻.第二遍安装配置遇到很多问题. 弄了两个多小时,期间遇到很多问题: 遇到的主要问题 1.拒绝访问 ...

  8. 修改ORACLE实例名

    修改数据库的SID  举例说明,我的数据库的SID叫testdb,现在要改成oral.更改ORACLE数据库的sid,涉及到的用东西比较多,但是大概来说就以下六步. 1.停止所有的Oracle服务.  ...

  9. iOS图片相似度比较

    1.      缩小尺寸:将图像缩小到8*8的尺寸,总共64个像素.这一步的作用是去除图像的细节,只保留结构/明暗等基本信息,摒弃不同尺寸/比例带来的图像差异: 注:实际操作时,采取了两种尺寸作对比( ...

  10. 你可能从未听过的 Linux 发行版

    Hanthana Linux 官方主页:http://www.hanthana.org Hanthana Linux 基于 Fedora,主要面向 IT 教育,默认包含额外的编/解码器及多媒体播放器. ...