魏祖清
- 浏览: 180235 次
- 性别:
- 来自: 福建
-
最新评论
-
卡殿Love：
你好！ 谢谢你的文章让我知道其中的原因，目前正在做手机端上的项 ...
web手机开发（iPhone和Andriod）关于position:fixed 属性的讨论
meta 是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head />与</head />中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：
name 属性
1. <meta name="generator" content="" />用以说明生成工具（如Microsoft FrontPage 4.0）等；
2. <meta name="keywords" content="" />向搜索引擎说明你的网页的关键词；
3. <meta name="description" content="" />告诉搜索引擎你的站点的主要内容；
4. <meta name="author" content="你的姓名" />告诉搜索引擎你的站点的制作的作者；
5. <meta name="robots" content="all|none|index|noindex|follow|nofollow" />
其中的属性说明如下：
* 设定为all：文件将被检索，且页面上的链接可以被查询；
* 设定为none：文件将不被检索，且页面上的链接不可以被查询；
* 设定为index：文件将被检索；
* 设定为follow：页面上的链接可以被查询；
* 设定为noindex：文件将不被检索，但页面上的链接可以被查询；
* 设定为nofollow：文件将不被查询，但页面上的链接可以被检索。
http-equiv属性
1. <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />和 <meta http-equiv="Content-Language" content="zh-cn" />用以说明主页制作所使用的文字以及语言；又如英文是ISO-8859-1字符集，还有gbk、big5、utf-8、shift-jis、 euc、koi8-2等字符集；
2. <meta http-equiv="refresh" content="n;url=http://yourlink" />定时让网页在指定的时间n内，跳转到页面http;//yourlink；
3. <meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT" />可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；
4. <meta http-equiv="pragma" content="no-cache" />是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
5. <meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT" />cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；
6. <meta http-equiv="pics-label" content="" />网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；
7. <meta http-equiv="windows-target" content="_top" />强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；
8. <meta http-equiv="Page-Enter" content="revealTrans(duration=10,transtion=50)" />和<meta http-equiv="Page-Exit" content="revealTrans(duration=20，transtion=6)" />设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。
name 属性
1. <meta name="generator" content="" />用以说明生成工具（如Microsoft FrontPage 4.0）等；
2. <meta name="keywords" content="" />向搜索引擎说明你的网页的关键词；
3. <meta name="description" content="" />告诉搜索引擎你的站点的主要内容；
4. <meta name="author" content="你的姓名" />告诉搜索引擎你的站点的制作的作者；
5. <meta name="robots" content="all|none|index|noindex|follow|nofollow" />
其中的属性说明如下：
* 设定为all：文件将被检索，且页面上的链接可以被查询；
* 设定为none：文件将不被检索，且页面上的链接不可以被查询；
* 设定为index：文件将被检索；
* 设定为follow：页面上的链接可以被查询；
* 设定为noindex：文件将不被检索，但页面上的链接可以被查询；
* 设定为nofollow：文件将不被查询，但页面上的链接可以被检索。
http-equiv属性
1. <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />和 <meta http-equiv="Content-Language" content="zh-cn" />用以说明主页制作所使用的文字以及语言；又如英文是ISO-8859-1字符集，还有gbk、big5、utf-8、shift-jis、 euc、koi8-2等字符集；
2. <meta http-equiv="refresh" content="n;url=http://yourlink" />定时让网页在指定的时间n内，跳转到页面http;//yourlink；
3. <meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT" />可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；
4. <meta http-equiv="pragma" content="no-cache" />是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
5. <meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT" />cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；
6. <meta http-equiv="pics-label" content="" />网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；
7. <meta http-equiv="windows-target" content="_top" />强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；
8. <meta http-equiv="Page-Enter" content="revealTrans(duration=10,transtion=50)" />和<meta http-equiv="Page-Exit" content="revealTrans(duration=20，transtion=6)" />设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。
分享到：
发表评论
-
LABjs、RequireJS、SeaJS 哪个最好用？为什么？
2013-10-28 16:36 676LABjs 的核心是 LAB（Loadin ... -
正则表达式
2011-03-26 09:00 854正则表达式可以: •测试字符串的某个模式。例如，可以对一个输入 ... -
offsetParent,parentNode,parentElement区别
2011-03-22 15:09 1325offsetParent 指与位置有关的上级元素 pare ... -
js中的preventDefault和stopPropagation
2011-01-07 13:57 1023首先讲解一下js中preventDefault和stopP ... -
javascrip编码(escape(), encodeURL(), encodeURIComponent())
2010-10-27 10:04 1031escape() 方法： 采用ISO-Latin字符集对指定 ... -
splice() 方法
2010-03-15 10:56 971splice() 方法用于插入、删除或替换数组的元素。 语法 ... -
ajax的原理和运行机制
2010-03-12 17:36 886关于ajax，是最近炒得非常火的一种技术，并且时下它也是非常流 ... -
JavaScript的陷阱
2010-01-22 13:38 782区分大小写 变量名和 ... -
连续字符自动换行的解决方案
2010-01-21 11:58 876http://dancewithnet.com/2008/12 ... -
JS判断脚本是否加载完成
2010-01-21 11:29 17001.function include_js(file) { 2 ... -
JavaScript程序编码规范
2010-01-20 15:27 826JavaScript文件 JavaScript程 ... -
js的nextSibling
2010-01-13 11:28 2518nextSilbling 属性的作用是：直接返回一个节点之后的 ... -
Javascript去掉字符串前后空格
2010-01-07 10:20 1397给string类型添加方法 String.prototype ... -
javascript中的location.reload() 和 location.replace()的区别和应用
2010-01-06 17:42 2449首先介绍两个方法的语法： reload 方法，该方法强迫浏览 ... -
为什么尽量用局部变量代替全局变
2010-01-06 16:48 1095在如何提高JavaScript性能 ... -
javascript中substring()方法与substr()方法的区别
2010-01-06 16:45 21391 这两个方法都是String对象的方法 2 substr( ... -
关于IE和火狐下JS加载循序的问题
2009-12-16 10:42 1213FF是按照循序加载的，而IE却不是的，也就是说FF是同步加载， ... -
当嵌套iframe时，提供了一个统一的访问超时退出的UI界面
2009-12-16 09:04 3929Js代码：（来自Javaeye中的一段代码） functio ... -
异步加载组织结构树以及操作
2009-11-25 11:53 3314//============================= ... -
js中 break和 continue区别
2009-11-25 11:46 3927例子： <html> <body&g ...
相关推荐
### HTML中小meta的大作用 在Web开发中，`<meta>`标签虽然看起来不起眼，但实际上它扮演着极其重要的角色。本文将深入探讨`<meta>`标签及其相关属性的应用，帮助读者更好地理解如何利用这些标签来优化网页的表现和...
### HTML中的`<meta>`标签详解与应用 #### 一、`<meta>`标签概述 在HTML中，`<meta>`标签主要用于定义元数据（metadata），即关于数据的数据。这些元数据不会显示在页面上，但会被浏览器用来理解网页的一些基本...
在IT行业中，HTML是网页开发的基础，而元信息（meta信息）则是HTML文档的重要组成部分，它通常用于描述页面内容、设定字符编码等。当HTML文件的实际编码与meta标签中指定的编码不一致时，可能会导致乱码问题。解决这...
Meta标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和标记之间，提供用户不可见的信息。Meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，...
HTML中的`meta`标签是网页元数据的重要组成部分，它提供了关于HTML文档的附加信息，这些信息通常不直接显示在页面上，而是对搜索引擎优化（SEO）、浏览器行为控制、页面缓存策略等方面起着关键作用。以下是对`meta`...
html5中<meta>标签的各种使用方法
正确地使用`<meta>`标签对于提高网站的可访问性、SEO优化等方面具有重要作用。例如： - 使用`<meta name="Keywords">`可以帮助搜索引擎更好地理解页面的主题。 - `Content-Type`属性用于指定页面使用的字符集编码，...
在构建网页的过程中，合理运用`<meta>`标签对于网站优化、页面显示及搜索引擎识别等方面具有重要作用。本文将详细解读HTML页面上`<meta>`标签的功能及其应用场景。 #### `<meta>`标签的基本概念 `<meta>`标签位于...
Meta标签通常出现在HTML文档的头部和之间。它不会显示在浏览器窗口中，但对搜索引擎优化（SEO）、页面字符集定义等起到非常重要的作用。 meta标签的一个典型用途是配合http-equiv属性，可以指定网页应该如何被...
在网页开发中，HTML（HyperText Markup Language）是构建网页内容的基础语言，而Meta标签则是HTML文档中的一个重要组成部分。本文将详细解释Meta标签的概念、用途及其实现方式，并深入探讨其中的一些关键属性如`...
Meta标签是HTML文档中不可或缺的一部分，它主要被放置在文档的头部（`<head>`）区域。尽管JavaScript主要用于控制页面的行为和动态内容的更新，但了解Meta标签及其如何与HTML文档交互对于前端开发来说仍然非常重要。...
在ASP.NET 2.0中，`HtmlHead`和`HtmlMeta`是两个非常重要的类，它们用于管理和控制HTML文档头部（head）区域的内容。这两个类对于创建动态、响应式的网页至关重要，因为它们允许开发者在运行时动态添加样式表（CSS）...
总的来说，`<meta>` 标签在网页设计中起到提供元信息、优化SEO、控制浏览器行为等多方面的作用。合理利用 `<meta>` 标签，可以帮助我们创建更高效、更易用、更符合标准的网页。在设计和开发过程中，务必注意选择适当...
HTML中的`<meta>`标签是网页元数据的重要组成部分，它提供了关于HTML文档的额外信息，如页面描述、关键字、字符编码、刷新间隔等。在上述内容中，主要介绍了与HTTP响应头相关的`<meta>`标签，这些标签可以模拟HTTP...
Meta标签用于定义关于HTML文档的元信息，这些信息不会显示在页面上，但对浏览器和其他应用程序（如搜索引擎）具有重要意义。 #### 二、Meta标签的组成 `<meta>`标签包含两种类型的属性：`http-equiv`属性和`name`...
Meta 标签是 HTML 语言 HEAD 区的一个辅助性标签，它位于 HTML 文档头部的 `<HEAD>` 标记和 `<TITLE>` 标记之间，它提供用户不可见的信息。Meta 标签通常用来为搜索引擎 robots 定义页面主题，或者是定义用户浏览器...
首先，`<img>`标签用于在HTML文档中插入图像。它的基本语法是`图像URL" alt="替代文本">`。`src`属性指定了图像的源路径，`alt`属性提供了图像无法显示时的替代文本，对于搜索引擎优化和无障碍访问至关重要。例如，...
`<meta>` 标签是 HTML 中的一个元数据（metadata）标签，它用于提供关于 HTML 文档的信息，这些信息对用户来说通常是不可见的，但对浏览器、搜索引擎以及其他处理 HTML 文档的应用程序非常有用。接下来，我们将深入...
HTML5的meta标签是网页元数据的重要组成部分，用于提供关于HTML文档的各种信息，如字符编码、页面描述、关键词、作者、最后修订日期等。在HTML5中，meta标签的使用方式相比HTML4.01有所变化，使得其更加简洁且功能...