`
zpball
  • 浏览: 897232 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

网页HTML代码中Meta标签详解

阅读更多
很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,让我们来重新认识一下META标签吧!

      META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。

详细介绍

下面介绍一些有关 标记的例子及解释。

META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。

★HTTP-EQUIV

HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:

1、Content-Type和Content-Language (显示字符集的设定)

说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。

用法:

Html代码 
1.    <Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">   
2.     
3.    <Meta http-equiv="Content-Language" Content="zh-CN">  

注意:该META标签定义了HTML页面所使用的字符集为GB2132,就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”,则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时,IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集,则IE就提示下载。其他的语言也对应不同的charset,比如日文的字符集是“iso-2022-jp ”,韩文的是“ks_c_5601”。

Content-Type的Content还可以是:text/xml等文档类型;

Charset选项:ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集;Content-Language的Content还可以是:EN、FR等语言代码。

2、Refresh (刷新)

说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。

用法:
Html代码 
1.    <Meta http-equiv="Refresh" Content="30">   
2.     
3.    <Meta http-equiv="Refresh" Content="5; Url=http://www.downme.com">  

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

3、Expires (期限)

说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。

用法:

Html代码 
1.    <Meta http-equiv="Expires" Content="0">   
2.     
3.    <Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">  

注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)。

4、Pragma (cach模式)

说明:禁止浏览器从本地机的缓存中调阅页面内容。

用法:
Html代码 
1.    <Meta http-equiv="Pragma" Content="No-cach">  


注意:网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。

5、Set-Cookie (cookie设定)

说明:浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。
分享到:
评论

相关推荐

    网页HTML代码中Meta标签详解.pdf

    网页HTML代码中Meta标签详解.pdf

    网页HTML代码中Meta标签详解.txt

    网页HTML代码中Meta标签详解.txt

    详解vue-meta如何让你更优雅的管理头部标签

    在 Vue SPA 应用中,如果想要修改HTML的头部标签,或许,你会在代码里,直接这么做: // 改下title document.title = 'what?' // 引入一段script let s = document.createElement('script') s.setAttribute('src', '...

    【JavaScript源代码】Vue双向绑定详解.docx

    Vue双向绑定详解  目录 1、双向绑定2、那么其它标签选中会不会也有这个结果,答案当然是有:3、我们再来看一个:4、注意 ...DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;tit

    HTML基本标签及结构详解

    1.HTML概述 1.HTML:超文本标记语言。是一种标识性语言,非...这一行代码意思:下面的文档标签将以html5进行解析--&gt; &lt;html&gt; &lt;!-头部.用来完成一个网页的相关设置-&gt; &lt;head&gt; &lt;meta charset=utf-

    详解html头标签的使用

     ** meta标签:设置页面的一些相关内容(用的比较少)  &lt;meta name="keywords" content="熊猫,金丝猴,恐龙"/&gt;  &lt;meta http-equiv="refresh" content="3;url=01-hello.html"/&gt;  ** base标签:设置...

    JQuery标签页效果实例详解

    第一个标签页中鼠标滑过显示不同的标签页,第二个标签页中点击不同标签加载其他页面中的内容,加载等待的图片缓慢隐藏,效果图如下: /WebRoot/4.Tab.html: &lt;!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 ...

    CSS 从大图中选取部分区域作为目标图标的代码详解

    2、HTML代码 html代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=Content-Type content=text/html; charset=utf-8 /&gt; &lt;style type=text/css&gt; .icon { width:100px; /*...

    Vue.js标签页组件使用方法详解

    本文实例为大家分享了Vue.js标签页组件使用的具体代码,供大家参考,具体内容如下 效果 入口页 index.html &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;meta name=...

    JSP中param动作的实例详解

    JSP中param动作的实例详解 一 语法 ”参数名” value=”参数值”&gt; 常常与一起使用,作为其子标签存在。  二 代码 1、login.jsp &lt;&#37;@ page language=java import=java.util.* contentType=text/html; ...

    详解jQuery Mobile自定义标签

    本文实例讲解了jQuery Mobile自定义标签,分享给大家供大家参考,具体内容如下 规划产品国际化的需求时,涉及到PC Web,移动Web,和各app。设计了多个版本的移动Web均不理想。 由于移动Web采用了jQuery Mobile框架,...

    WordPress中用于获取及自定义头像图片的PHP脚本详解

    这个函数提供一个 get_avatar 过滤器,用来过滤头像的 Html 代码(img 标签)。 如果在后台 “设置” 的 “讨论” 里关闭 “显示头像选项” 则返回 False. 用法 get_avatar( $id_or_email, $size, $default, $alt )...

    AngularJS标签页tab选项卡切换功能经典实例详解

    本文实例讲述了AngularJS实现标签页tab选项卡功能。分享给大家供大家参考,具体如下: 选项卡一: JavaScript+html+css &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&...

    html入门到放弃笔记

    2、_self : 在自身标签页中打开新网页(默认值) Demo 1、创建一个超链接,内容为 :学子商城,点击时,在自身标签页中 打开 http://www.codeboy.com 2、创建一个超链接,内容为 :学子商城的LOGO,点击时,在新...

    django模板语法学习之include示例详解

    相对于这种的来说,在Django中,最好的方法就是使用include的标签,在每一个模板中都加入这个开头和结尾的标签。 include标签使用 假如我们有以下模板index.html,代码为: &lt;!DOCTYPE html&gt; &lt;html lang="en"&...

    OpenLayers加载缩放控件使用方法详解

    2、在之前创建的空白站点下面新建一个html的页面,引入ol.js和ol.css文件,然后在body标签中创建一个div,作为地图加载的容器; 3、代码实现 &lt;!DOCTYPE html&gt; &lt;html xmlns=http://www.w3.org/1999/xhtml&gt; ...

    在HTML5中使用MathML数学公式的简单讲解

    标签应用 MathML 元素。 下面是一个使用 MathML 的有效 HTML5 文档: XML/HTML Code复制内容到剪贴板 html &lt;!doctype html&gt;  &lt;html&gt;  &lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;...

    vue–vuex详解

    Vuex 什么是Vuex? 官方说法:Vuex 是一个...抛开怎么实现的问题,试想一下,当做中大型项目时,面对一大堆组件之间的通信,还有一大堆的逻辑代码,会不会很抓狂??那为何不把组件之间共享的数据给“拎”出来,在一定

    jQuery常用选择器详解

    通过传递对应规则的内容(ID、标签名、样式类名…),获取到页面中指定的元素/元素集合  &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;Document&lt;/title&...

Global site tag (gtag.js) - Google Analytics