`
zhangfeilo
  • 浏览: 399107 次
  • 性别: Icon_minigender_1
  • 来自: 昆明
社区版块
存档分类
最新评论

HTML中,小<meta>的大作用

    博客分类:
  • html
阅读更多
 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属性,有个人主页的朋友不妨在你的主页中加上它,效果可是不一样的哦:)。

http://www.dreamdu.com/xhtml/tag_meta/
0
0
分享到:
评论

相关推荐

    JSP标签 <meta>的作用

    ### JSP标签 `&lt;meta&gt;` 的作用详解 在探讨 `&lt;meta&gt;` 标签的功能与应用之前,我们先简单回顾一下 `&lt;meta&gt;` 标签的基本概念。`&lt;meta&gt;` 标签是 HTML 中的一个元数据(metadata)标签,它用于提供关于 HTML 文档的信息,...

    HTML基础代码资源

    2. **头部元素**:`&lt;head&gt;`中的`&lt;meta&gt;`标签用于设置字符编码,如`&lt;meta charset="UTF-8"&gt;`,确保文本正确显示。`&lt;link&gt;`可以用来引入外部CSS样式表,`&lt;script&gt;`用于引入JavaScript代码。 3. **基本标签**:HTML的...

    meta标签详解

    综上所述,`&lt;meta&gt;`标签虽然简单,但在实际应用中却有着不可忽视的作用。通过对各种属性的合理配置,不仅能够提升网站的整体表现,还能够为用户提供更加优质的浏览体验。希望本文能为读者提供有用的信息,帮助大家更...

    HTML中小meta的大作用.txt

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

    header和meta头部信息

    在网页开发中,`&lt;header&gt;` 和 `&lt;meta&gt;` 标签是HTML文档中不可或缺的部分,它们为页面提供了结构和元数据。这篇博文链接指向的是一个关于`header`和`meta`头部信息的讨论,虽然具体内容无法直接提供,但从一般意义上...

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

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

    HTML5 对各个标签的定义与规定:meta

    ### HTML5中的`&lt;meta&gt;`标签详解 在HTML5中,`&lt;meta&gt;`标签被用于定义文档中的元数据,即关于文档的数据。这些元数据不显示在页面上,但会被浏览器解析并用作其他用途,比如搜索引擎优化(SEO)、设置字符集、控制...

    HTML中的&lt;meta&gt;标签的使用详解

    HTML中的`&lt;meta&gt;`标签是网页元数据的重要组成部分,它提供了关于HTML文档的额外信息,这些信息不直接显示在页面上,但对浏览器、搜索引擎和其他Web服务至关重要。本文将深入探讨`&lt;meta&gt;`标签的使用及其重要性。 ...

    html+css中的img+meta+style简单用法.zip

    在这个"html+css中的img+meta+style简单用法.zip"压缩包中,我们重点关注了HTML的`&lt;img&gt;`、`&lt;meta&gt;`标签以及CSS的`style`属性的应用,这些都是创建动态和美观网页不可或缺的部分。 首先,`&lt;img&gt;`标签用于在HTML文档...

    html meta metahtml

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

    网页设计中meta详解

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

    HTMLMETA标签.pdf

    总结来说,&lt;meta&gt;标签是HTML文档中一个非常重要的元素,它通过多种属性提供了关于页面的元数据,对于页面的优化、搜索引擎的解析、内容的国际化显示等方面都起着关键的作用。同时,随着HTML的发展,&lt;meta&gt;标签也在...

    js 框架之一

    &lt;html&gt;&lt;br&gt; &lt;head&gt;&lt;br&gt; &lt;base href="&lt;%=basePath%&gt;"&gt;&lt;br&gt; &lt;br&gt; &lt;meta http-equiv="content-type" content="text/html;charset=UTF-8"/&gt; &lt;br&gt; &lt;br&gt; &lt;br&gt; &lt;meta http-equiv="pragma" content="no-cache"&gt;&lt;br&gt; &lt;meta ...

    HTML基础第二章初学者

    头部标记`&lt;head&gt;`是HTML文档中不可或缺的一部分,其作用在于存储文档的元数据,而不直接在页面上显示。这些元数据包括但不限于标题、基底信息、元信息、样式和脚本链接等。`&lt;head&gt;`标记通常位于`&lt;html&gt;`标记之后、`...

    星空.html好看的宇宙星空

    &lt;META NAME="Generator" CONTENT="EditPlus"&gt; &lt;META NAME="Author" CONTENT=""&gt; &lt;META NAME="Keywords" CONTENT=""&gt; &lt;META NAME="Description" CONTENT=""&gt; &lt;style&gt; body { background: #060e1b; overflow: ...

    html文件head内部标记浅析(meta,link,base,body)

    HTML文件的结构主要由&lt;head&gt;和&lt;body&gt;两大部分组成,其中&lt;head&gt;标签包含了与文档元信息相关的内容,而&lt;body&gt;则包含实际可见的网页内容。本文将深入解析&lt;head&gt;内部的几个关键标记:&lt;meta&gt;、&lt;link&gt;、&lt;base&gt;以及&lt;body&gt;的...

    html网页制作ppt

    常见的元素包括标题`&lt;H1&gt;`到`&lt;H6&gt;`,段落`&lt;P&gt;`,换行`&lt;BR&gt;`,预格式化文本`&lt;PRE&gt;`,字符格式化(如`&lt;B&gt;`粗体,`&lt;I&gt;`斜体),列表(无序`&lt;UL&gt;`,有序`&lt;OL&gt;`,定义`&lt;DL&gt;`),水平线`&lt;HR&gt;`,字体控制`&lt;FONT&gt;`,图像`...

    C#编程经验技巧宝典

    85&lt;br&gt;&lt;br&gt;0131 巧截字符串的数字 86&lt;br&gt;&lt;br&gt;0132 如何存储变长字符串 86&lt;br&gt;&lt;br&gt;0133 在进行字符串比较时忽略大小写 87&lt;br&gt;&lt;br&gt;0134 如何去除字符串尾空格 87&lt;br&gt;&lt;br&gt;0135 如何去掉字符串中所有空格 ...

    meta演示 _引入 css 样式文件

    2. 直接在HTML文件的&lt;head&gt;中使用&lt;style&gt;标签定义样式,如将字体大小设置为60px。 3. 当同时引入外部CSS文件和在HTML文件中定义&lt;style&gt;时,内联样式(即HTML文件中的&lt;style&gt;)具有更高的优先级。 除了&lt;meta&gt;标签和...

Global site tag (gtag.js) - Google Analytics