电脑技巧.图片新闻 | 用户注册 | 用户中心 | 发表文章 | 留言簿 | 扫一扫手机阅读
  |繁体中文|  RSS订阅 |极速版  |手机访问  
电脑常用技巧,PC Skill,电脑知识,组装维修,经验,资料精华宝库,HUGESKY CMS官网,鸿天全站,HUGESKY-Html 报头标签几个常用解释和使用技巧
本站申明:
本站尽量纯净无广告,提供交流学习类共享资料。[广告投放说明] [联系]
  • 首 页
  • 电脑知识
  • 应用技巧
  • 组装技巧
  • 维修技巧
  • 网络技巧
  • 组网通信
  • 办公技巧
  • 技巧视频
  • 编程技巧
  • 防毒技巧
  • 博客圈
会员注册关闭
帐号: 密码: 验证码: 点击显示验证码 记住
电脑技巧 -> 电脑知识 -> 软件知识

Html 报头标签几个常用解释和使用技巧

作者:未知来源:网络收集 整理日期:2019-09-21
推荐指数: 点击:670   文字大小: 加入收藏夹


记录Html 报头标签几个常用解释和使用技巧:

1. Meta keywords
用法:<meta name=”keywords” content=”your keyword or keywords”/>
这个在过去曾被大力推广的meta优化重点部分,如今已不再流行,甚至来自google的有关人士也已证实:“由于过去对meta keywords标签的滥用,使得google不得不把keywords排除在影响排名的考虑因素之外以确保排名的公正性”。

2. Meta discription
用法:<meta name=”description” content=”Your company name provides what services or products”/>
与keywords标签相反,Meta discription标签在现今的排名中被赋予更高的权重。合理的长度加上合理的关键词密度,清晰地表达你网站的主题,无论是对于读者还是搜索引擎来说,都是百利而无一害。通常情况下,meta keywords标签的长度应保持在200个字符,关键词合理出现四次即可。

3. Meta robots
用法:<meta name=”Robots” content=”INDEX, FOLLOW”>
<meta name=”Robots” content=”INDEX, NOFOLLOW”>
<meta name=”Robots” content=”NOINDEX, FOLLOW”>
<meta name=”Robots” content=”NOINDEX, NOFOLLOW”>
meta robots标签是用来告知搜索引擎蜘蛛,对于当前页面是否收录和是否爬行。有的网站有些页面可能不希望蜘蛛来收录和爬行由于隐私要求或其他,那么在html的head部加上对应的meta robots描述就可以实现。

4. Meta Revisit-after
用法:<meta name=”Revisit-after” content=”1 Day”>
Revisit-after是 用来告诉蜘蛛何时再来访问当前页面。你可以自定义是1天,一周,一个月或是任何你希望的访问频率。

5. Meta page-topic
用法:<meta name=”page-topic” content=”your page topic”/>
page-topic顾名思义是介绍当前页面的主题。你可以用你当前页面的关键词作为网页主题。

6. Meta Distribution
用法:<meta name=”Distribution” content=”Global”>
这个用语声明你网站的发布对象是面向全球,还是仅仅针对当地。

7. Meta Rating
用法:<meta name=”Rating” content=”General”>
Meta rating是对当前页面一个等级衡量,告诉蜘蛛当前页面在整个网站中的权重到底是多少。General是一般页面,Mature是比较成熟的页面,Restricted代表受限制的。

8. Meta Charset
用法:<meta name=”Charset” content=”GB2312″>
定义在用户浏览器上的用来显示的字符集,一般是选用GB2312.

9. Meta expires
用法:<meta name=”expires” content=”1 year”>
定义当前页面的使用期限,过期作废。

10. Meta copyright
用法: <meta name=”copyright” content=”Copyright YourCompany – 2010″>
定义版权所属,一般公司都会采用这个标签,对于网站上所有内容进行版权保护

11. Meta viewport
<meta id="viewport" name="viewport"content="width=320; initial-scale=1.0;maximum-scale=1.0;user-scalable=no;"/>//屏幕的缩放


1. viewport:

也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,

这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;

实际上我们可以操作的属性有4 个:

width -           //  viewport 的宽度 (范围从200到10,000,默认为980 像素)

height -          //  viewport 的高度 (范围从223到10,000)
 
initial-scale -     // 初始的缩放比例 (范围从>0 到10)
 
minimum-scale -    //  允许用户缩放到的最小比例

maximum-scale -    //  允许用户缩放到的最大比例
 
user-scalable -    //  用户是否可以手动缩 (no,yes)

<meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"name="viewport" >

第一个meta标签表示:

    强制让文档与设备的宽度保持1:1;

   文档最大的宽度比列是1.0(initial-scale初始刻度值和maximum-scale最大刻度值);


   user-scalable定义是否可缩放(0为不缩放),使页面固定设备上面的大小。

(注意:实际测试中发现,HTCG7自身系统浏览器不支持这一条规则,能够对页面进行放大,一旦放大响应的box也随之放大,导致俄页面出现错乱问题,解决方法:定义页面的最小宽度

 min-width,body{min-width: 300px;})

11. Meta Format-detection
<meta content="telephone=no" name="format-detection" />
<meta content="email=no" name="format-detection" />//将不识别邮箱
告诉设备将网页中的电话号码不显示为拨号的超链接
12.
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes"/>

1这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。
2全屏显示

在iOS中有两个meta值,apple-mobile-web-app-capable和apple-mobile-web-app-status-bar-style,这两个会让网页内容以应用程序风格显示,并使状态栏透明。
<meta name="apple-mobile-web-app-capable" content="yes"> //网站开启对web app程序的支持
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
————————————————
版权声明:本文为CSDN博主「remy303」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/ttongzw/article/details/13776169

获得更多 -> 电脑知识 -> 软件知识
技术支持

责任编辑: webmaster >>> 百度上搜索  谷歌上搜索

hugesky
点击复制本连接 (http://www.hugesky.com/showarticle.php?id=6905)

发送到邮件  转换为打印版本  投 发表文章  报 侵权报告  关 关闭窗口
 记录一个除去html标签正则表达
 优化meta标签 name="robots" content="index,follow,noodp

>>> 相关资讯:

  • . Win8各版本之间的区别
  • . 常用软件昵称、缩写
  • . Python是干什么东西?
  • . Windows开始→运行→命令集锦
  • . 必须了解Win7系统常用的技巧
  • . 揭秘Windows7中的隐藏分区
  • . DOS命令行下常见的错误信息
  • . U盘常识:exfat系统格式优缺点
  • . 在同一硬盘上安装WIN98/WIN2000/UNIX
  • . Windows7净安装重启后无法响应故障
【声明】:
以上文章或资料除注明为电脑技巧原创或编辑整理外,均为网络收集整理或网友推荐。以上内容以共享、参考、研究为目的,不存在任何商业目的。
未注明作者或出处的文章,可能资料来源不规范。如有涉及版权请给予及时联系更正或予以删除。
评论:(开放)

  网友评论: 评  
以下网友评论只代表网友个人观点,不代表本站观点
  发表评论:(匿名用户不能发表评论! 注册 登陆)
昵称: 验证码:
评分:
5 4 3 2 1
内容:
  请文明参与讨论,禁止漫骂攻击。
 
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任.
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据.
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为.
内容搜索
    • 站内搜索
热门资讯
  • 电脑快捷键全都在这了!电脑技巧...
  • 图说最常用的10个电脑技巧
  • 别说你不会?这9个电脑技巧你必须...
  • Win7解决C盘占用空间大的方法
  • 网银密码设置小技巧
  • win7安装AHCI驱动
  • 平板电脑选购六大要点
  • [推荐]五步搞定电脑网络安全 五步...
  • 系统自带的最不起眼但又是最强的...
  • 上班族必懂的电脑技能技巧
推荐信息
开启模板:NEWSKY -关于版权 - 隐私保护 - 联系我们 - 网站地图 - 会员列表 - 加入收藏 - 返回顶部

我问佛:如何才能如你般睿智? 佛曰:佛是过来人,人是未来佛。
部分资源收集于互联网并遵循 署名-非商业性使用-相同方式共享3.0共享,尽量署名原创。
据《信息网络传播权保护条例》 如侵犯您的权利,请联系webmaster(at)hugesky.com删除。
Power By HugeSky.Com

Copyright© www.hugesky.com
Powered by HUGESKY CMS 7.1.1.1080918 professional licensed