`

HTML中meta的作用

阅读更多
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和 keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:

  name 属性

  1、<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;

  2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;

  3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;

  4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;

  5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">

  其中的属性说明如下:

  设定为all:文件将被检索,且页面上的链接可以被查询;

  设定为none:文件将不被检索,且页面上的链接不可以被查询;

  设定为index:文件将被检索;

  设定为follow:页面上的链接可以被查询;

  设定为noindex:文件将不被检索,但页面上的链接可以被查询;

  设定为nofollow:文件将不被检索,页面上的链接可以被查询。

  http-equiv属性

  1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">

和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;

  又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;

  2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http://yourlink;

  3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;

  4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;

  5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;

  6、<meta http-equiv="Pics-label" contect="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;

  7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;

  8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">设定进入和离开页面时的特殊效果,这个功能即 FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。

  以上是常用的几个meta属性。
感谢作者:作者:lacy
分享到:
评论

相关推荐

    页面的缓存与不缓存设置及html页面中meta的作用

    本篇将详细阐述如何设置页面的缓存与不缓存,以及HTML页面中`meta`标签的作用。 首先,页面缓存主要通过HTTP协议头信息来控制。HTTP1.0使用`Pragma`字段,而在HTTP1.1中,`Cache-Control`字段成为了更强大的控制...

    html中标签meta的详细使用方法和作用

    ### HTML中的`&lt;meta&gt;`标签详解与应用 #### 一、`&lt;meta&gt;`标签概述 在HTML中,`&lt;meta&gt;`标签主要用于定义元数据(metadata),即关于数据的数据。这些元数据不会显示在页面上,但会被浏览器用来理解网页的一些基本...

    HTML中meta标签及Keywords

    关键字 meta(标签)及 Keywords(关键词),曾经在网页中很重要的,但现在已经被很多搜索引擎完全忽略。但是,如果加上这个标签也对网页的综合表现没有坏处,不过,如果使用不恰当的话,对网页非但没有好处,还有...

    HTML中meta详解

    HTML中的`meta`标签是网页元数据的重要组成部分,它提供了关于HTML文档的附加信息,这些信息通常不直接显示在页面上,而是对搜索引擎优化(SEO)、浏览器行为控制、页面缓存策略等方面起着关键作用。以下是对`meta`...

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

    网页HTML代码中Meta标签详解 Meta标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和标记之间,提供用户不可见的信息。Meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的...

    meta标签的作用及整理.html

    meta标签的作用及整理

    HTML中小meta的大作用.txt

    ### HTML中小meta的大作用 在Web开发中,`&lt;meta&gt;`标签虽然看起来不起眼,但实际上它扮演着极其重要的角色。本文将深入探讨`&lt;meta&gt;`标签及其相关属性的应用,帮助读者更好地理解如何利用这些标签来优化网页的表现和...

    html meta metahtml

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

    meta标签中的

    正确地使用`&lt;meta&gt;`标签对于提高网站的可访问性、SEO优化等方面具有重要作用。例如: - 使用`&lt;meta name="Keywords"&gt;`可以帮助搜索引擎更好地理解页面的主题。 - `Content-Type`属性用于指定页面使用的字符集编码,...

    ( javascript中meta的功能

    Meta标签是HTML文档中不可或缺的一部分,它主要被放置在文档的头部(`&lt;head&gt;`)区域。尽管JavaScript主要用于控制页面的行为和动态内容的更新,但了解Meta标签及其如何与HTML文档交互对于前端开发来说仍然非常重要。...

    html5中meta的各种用法

    html5中&lt;meta&gt;标签的各种使用方法

    搜索引擎和 HTML Meta 标签(Meta Tags)

    搜索引擎和 HTML Meta 标签(Meta Tags)

    网页设计中meta详解

    总的来说,`&lt;meta&gt;` 标签在网页设计中起到提供元信息、优化SEO、控制浏览器行为等多方面的作用。合理利用 `&lt;meta&gt;` 标签,可以帮助我们创建更高效、更易用、更符合标准的网页。在设计和开发过程中,务必注意选择适当...

    html语言meta标签解析及SEO优化

    HTML 语言 Meta 标签解析及 SEO 优化 Meta 标签是 HTML 语言 HEAD 区的一个辅助性标签,它位于 HTML 文档头部的 `&lt;HEAD&gt;` 标记和 `&lt;TITLE&gt;` 标记之间,它提供用户不可见的信息。Meta 标签通常用来为搜索引擎 robots...

    htmlmeta信息介绍说明meta_intro.pdf

    HTML中的`&lt;meta&gt;`标签是网页元数据的重要组成部分,它提供了关于HTML文档的额外信息,如页面描述、关键字、字符编码、刷新间隔等。在上述内容中,主要介绍了与HTTP响应头相关的`&lt;meta&gt;`标签,这些标签可以模拟HTTP...

    html meta标签使用方法

    HTML中的`&lt;meta&gt;`标签是一种重要的元数据标记,它通常位于文档的`&lt;head&gt;`部分。Meta标签用于定义关于HTML文档的元信息,这些信息不会显示在页面上,但对浏览器和其他应用程序(如搜索引擎)具有重要意义。 #### 二...

    html meta tags

    在网页开发中,HTML(HyperText Markup Language)是构建网页内容的基础语言,而Meta标签则是HTML文档中的一个重要组成部分。本文将详细解释Meta标签的概念、用途及其实现方式,并深入探讨其中的一些关键属性如`...

    html meta viewport属性说明

    手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤 到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过...

    手机页面中的meta

    手机页面中的 手机 HTML5 开发 meta设置,要注意的地方

Global site tag (gtag.js) - Google Analytics