meta标签的少许语法,慢慢收集中...

收集了一些meta的语法,也将不断的更新。不断做点滴的收集,总之,为了前端这些东西呀,我也是操碎了心...

  1 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    告诉浏览器网页所识别的文件类型及语言类型,比如说,我们要让浏览器识别HTM/HTML类型的简体中文网面;

  2 <meta name="Keywords" content="" />

    让一些搜索引擎搜索到你的网页

  3 <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

    最佳兼容方案

  4 <meta http-equiv="x-dns-prefetch-control" content="on" />

    用meta信息来告知浏览器, 当前页面要做DNS预解析

  5 <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />

    是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求

  6 <meta name="apple-touch-fullscreen" content="yes" />

    浏览器会进行全屏模式运行,如果没有设置“yes”,则不会

  7 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    在web app应用下状态条(屏幕顶部条)的颜色;默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)

      注意:若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。

  8 <meta name="format-detection" content="telephone=no" />

    告诉设备忽略将页面中的数字识别为电话号码

  9 <meta name="format-detection" content="email=no" />

    告诉设备不识别邮箱,点击之后不自动发送

  10<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    不允许用户可以缩放到最大、最小比例

  11 <meta http-equiv="Pragma" content="no-cache">

    禁止浏览器从本地计算机的缓存中访问页面内容

      注意:这样设定,访问者将无法脱机浏览。

12 <meta http-equiv="Refresh" content="2;URL=http://www.root.net">

    自动刷新并指向新页面

      注意:其中的2是指停留2秒钟后自动刷新到URL网址

 13 <meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">

    如果网页过期,那么存盘的cookie将被删除

      注意:必须使用GMT的时间格式

 14 <meta http-equiv="Window-target" content="_top">

    强制页面在当前窗口以独立页面显示

      注意:用来防止别人在框架里调用自己的页面

 15 <meta http-equiv=″expires″ content=″Friday, 12-Jan-2001 18:18:18 GMT″>

    控制页面缓冲,当在Internet Explorer 浏览器中设置浏览网页时首先查看本地缓冲里的页面,那么当浏览某一网页,而本地缓冲又有时,那么浏览器会自动浏览缓冲区里的页面,直到meta中设置的时 间到期,这时候,浏览器才会去取得新页面

                                                                                      后续会不断的收集,

                                                                                      有好的也拜托分享给我,

                                                                                              谢谢啦!

时间: 2024-10-10 00:13:29

meta标签的少许语法,慢慢收集中...的相关文章

Meta 标签详解

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和 标题 <<标记之间,它提供用户不可见的信息.meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie:它可以用于鉴别作者,设定页面格式,标注内容提要和关键字:还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等. 详细介绍 下面介绍一些有关 标记的例子及解释. META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NA

【转载&#183;收藏】 html5手机网站自适应需要加的meta标签

webapp开发初期,会碰到在pc端开发好的页面在移动端显示过大的问题,这里需要在html head中加入meta标签来控制缩放 <meta name=" viewport" content="width=device-width initial-scale=1.0 minimum-scale=1.0 miximum=1.0 user-scalable=yes"/> 下面是对于这个标签的具体说明: viewport 语法介绍: <meta name

Meta标签详解

Meta标签详解,在网上转的,希望对大家有用 引言 您的个人网站即使做得再精彩,在"浩瀚如海"的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! META标签是HTML语言HEAD区

[转] -- html5手机网站自适应需要加的meta标签

webapp开发初期,会碰到在pc端开发好的页面在移动端显示过大的问题,这里需要在html head中加入meta标签来控制缩放 <meta name=" viewport" content="width=device-width initial-scale=1.0 minimum-scale=1.0 miximum=1.0 user-scalable=yes"/> 下面是对于这个标签的具体说明: viewport 语法介绍: <meta name

meta标签详解(meta标签的作用)///////////////////////////转

meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 很多人却忽视了HTML标签META的强大功效,一个好的MET

html meta标签使用总结

meta标签作用 META标签是HTML标记HEAD区的一个关键标签,提供文档字符集.使用语言.作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO). PS:便于搜索引擎机器人查找.分类,互联网应用应该要注意. 大网站都是怎么写? 在了解这个标签之前,我查找了各个主流网站他们的对于Meta的设置,如下: 京东首页的Meta设置: <meta charset="gbk"> <meta name="description&qu

【JSP】&lt;meta&gt;标签用法

转载自:http://blog.sina.com.cn/s/blog_65c74cce0102v39z.html  非常感谢这位博主,急着用,改日再细细品味重新整理这篇博文. http-equiv META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). ★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容.常用的HTTP-EQUIV类型有: 1.Content-Type和Conte

html meta标签使用总结(转)

之前学习前端中,对meta标签的了解仅仅只是这一句. <meta charset="UTF-8"> 但是打开任意的网站,其head标签内都有一列的meta标签.比如我博客的. 但是自己却很不熟悉,于是把meta标签加入了寒假学习计划的最前方. 简介 在查阅w3school中,第一句话中的"元数据"就让我开始了Google之旅.然后很顺利的在英文版的w3school找到了想要的结果.(中文w3school说的是元信息,Google和百度都没有相关的词条.但

网页设计:Meta标签详解

很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息.meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie:它可以用于鉴别作者,设定页面格式,标注内容提要和关键字:还可以设置页面使其可以根据你定义的时