`
zpball
  • 浏览: 919148 次
  • 性别: 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标签详解 Meta标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和标记之间,提供用户不可见的信息。Meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的...

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

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

    meta标签详解meta标签详解

    meta 标签详解 meta 标签是 HTML 语言 HEAD 区的一个辅助性标签,它位于 HTML 文档头部的 &lt;HEAD&gt; 标记和 &lt;TITLE&gt; 标记之间,提供用户不可见的信息。meta 标签通常用来为搜索引擎 robots 定义页面主题,或者是定义...

    META标签详解、解决JSP页面显示乱码问题

    ### META标签详解与应用 #### 一、META标签概述 META标签是HTML语言中的一个辅助性标签,位于文档的`&lt;head&gt;`部分。虽然它不直接影响网页内容的展示,但对网页的SEO优化、浏览器兼容性和用户体验等方面具有重要作用...

    HTML1114 (HTTP 标头)的代码页 gb2312 覆盖(META 标记)的冲突的代码页 utf-8

    当尝试使用JavaScript库(如xlsx.js)将Excel数据加载到HTML表格时,在谷歌和火狐浏览器中能够正常显示数据,但在IE11浏览器中却无法正确显示,并且会抛出错误“HTML1114 (HTTP 标头)的代码页 gb2312 覆盖(META 标记...

    html 标签详解HTML指令详解

    ### HTML标签详解与HTML指令详解 #### 一、HTML文档结构 HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。一个基本的HTML文档结构包括`&lt;html&gt;`标签内的`&lt;head&gt;`和`&lt;body&gt;`两个主要部分。 ###...

    html meta metahtml

    ### HTML Meta标签详解 在构建网页的过程中,合理运用`&lt;meta&gt;`标签对于网站优化、页面显示及搜索引擎识别等方面具有重要作用。本文将详细解读HTML页面上`&lt;meta&gt;`标签的功能及其应用场景。 #### `&lt;meta&gt;`标签的基本...

    [Java.Web培训视频]_001.HTML常见标签深入详解

    在"[Java.Web培训视频]_001.HTML常见标签深入详解"这个课程中,我们将深入探讨HTML的核心标签及其用法。 1. HTML结构标签:HTML文档通常由`&lt;!DOCTYPE&gt;`声明、`&lt;html&gt;`根元素、`&lt;head&gt;`头部元素和`&lt;body&gt;`主体元素...

    HTML网页头部代码实例详解

    【HTML网页头部代码详解】 HTML网页的头部是整个文档中非常关键的部分,虽然它并不会直接在浏览器窗口中显示,但头部包含的信息对于网页的搜索引擎优化(SEO)、浏览器行为控制以及用户体验有着深远的影响。本文将...

    Html代码详解

    HTML代码是构建网页的基础,它告诉浏览器如何展示网页内容。以下是对标题、描述和部分内容的详细解释: 1. **网页标题**:`&lt;head&gt;` 标签包含了网页的元信息,其中`&lt;title&gt;`标签定义了浏览器标签页上显示的网页标题...

    网页编写代码大全总结

    #### 一、网页基本标签详解 ##### 1. 公司版权注释 版权注释用于说明网站的设计归属信息。它是一种非功能性注释,不会对网页的渲染产生任何影响,但有助于提供版权信息。 **示例代码**: ```html &lt;!-- The site ...

    课程HTML标签详解大全.pdf

    这个“课程HTML标签详解大全.pdf”提供了关于HTML标签的全面介绍,帮助学习者掌握HTML的基本语法和常见标签的用法。 首先,HTML文档的基本结构由`&lt;html&gt;`、`&lt;head&gt;`和`&lt;body&gt;`标签构成。`&lt;html&gt;`是整个文档的根元素...

    Meta标签详解

    ### Meta标签详解 #### HTTP-EQUIV详解 **一、Content-Type 和 Content-Language** - **说明**:`Content-Type` 和 `Content-Language` 属性主要用于指定网页所使用的字符集及语言,这对于确保网页内容能够被...

    地方商机网站首页html静态网页模板代码

    【HTML静态网页模板代码详解】 HTML(HyperText Markup Language)是构建网页的基础语言,用于描述网页的结构和内容。在“地方商机网站首页html静态网页模板代码”中,我们可以深入探讨HTML在创建地方商机网站时的...

    详细解读标准网页中的头部内置标签

    #### 二、关键标签详解 1. **`&lt;title&gt;`标签** - **作用**:定义网页的标题,显示在浏览器的标题栏或标签页上。 - **重要性**:对于用户来说,标题是他们判断网页内容的第一印象;对于搜索引擎来说,它是识别页面...

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

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

    纽曼门户网页源码+图片资源

    6. SEO优化:源码中可能包含SEO相关的元素,如`&lt;meta&gt;`标签的`keywords`和`description`,用于搜索引擎理解网页内容。 7. 代码规范:良好的源码组织和命名规范能提高代码可读性,方便维护。 总之,这个资源包是...

    HTML5常用基础标签.docx

    HTML5 基础标签详解 HTML5 是当今 web 开发中最基础和最重要的技术之一。它提供了一些基本结构和标签,让开发者可以快速构建网页。下面将详细介绍 HTML5 的基本结构和一些常用的基础标签。 一、HTML 的基本结构 ...

    网页跳转代码

    ### 网页跳转代码知识点详解 #### 一、网页跳转概述 网页跳转是一种常见的网页操作方式,指的是用户在浏览一个网页时被自动引导到另一个网页的过程。实现网页跳转的方法有很多种,比如使用JavaScript、HTML的`...

Global site tag (gtag.js) - Google Analytics