html中meta什么作用,HTML中各种常用meta标签的作用

2023-05-16

meta是HTML的head中的一个辅助性标签,其作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等。

meta标签共有两个属性:name属性和http-equiv属性。

1、name属性

name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找和分类信息。搜索引擎分为两大类:一类为完全人工登录,如Yahoo;另一类为机器人搜索,以机器人搜索的搜索引擎会包含更多的内容,如机器人会搜索网页meta标签中所设置的描述关键字,把它们加入到搜索数据库中,用来索引网页。

1) Keywords(关键字)

告诉搜索引擎网站的关键字。

2) description(网站内容描述)

告诉搜索引擎网站的主要内容。搜索引擎可以使用该描述作为搜索结果。

3) robots(机器人向导)

搜索机器人哪些页面需要索引,哪些页面不需要索引。

content的可能值有:all,none,index,noindex,follow,nofollow,默认是all。

4) author(作者)

告诉搜索引擎网站的作者

2、http-equiv属性

类似于HTTP的头部协议,可以向浏览器回应一些有用信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

1) Expires(期限)

设定网页在缓存中的到期时间,一旦网页过期,必须重新请求服务器获取最新资源。

注意:必须使用GMT的时间格式或直接设为0。

2) Pragma(cache模式)

禁止浏览器从浏览器缓存中读取资源。

结果:无法脱机浏览。

3) Cache-Control(请求和响应遵循的缓存机制的设定)

指定请求和响应遵循的缓存机制。

content的可能值有:

① Public:响应可被任何缓存区缓存。

② Private:对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当前用户的部分响应消息,此响应消息对于其他用户的请求无效。

③ no-cache:请求或响应消息不能缓存。

④ no-store:防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存,完全不存下來。

⑤ max-age:客户端可以接收生存期不大于指定时间(以秒为单位)的响应。

⑥ min-fresh:客户端可以接收响应时间小于当前时间加上指定时间的响应。

⑦ max-stale:客户端可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

设置网页不缓存的三种方法:

4) Refresh(刷新)

设定网页指定时间(秒)后自动刷新,或自动链接到其它网页。

5) Set-Cookie(cookie设定)

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

注意:必须使用GMT的时间格式。

6) Window-target(显示窗口的设定)

强制页面在当前窗口以独立页面显示。

content的可能值有:_blank、_top、_self、_parent。

作用:防止页面被别人在框架里调用。

7) content-Type(显示字符集的设定)

设定页面使用的字符集。

ontent的可能值有:text/xml等文档类型;charset选项:ISO-8859-1(英文)、BIG5、UTF-8、gb2312等字符集。

8) content-Language(显示语言的设定)

设定页面使用的语言。

9) Page-Enter、Page-Exit (页面进入与退出)

设置页面进入与退出时的一些特效。

blendTrans是动态滤镜的一种,产生渐隐效果;revealTrans也可以用于页面进入与退出效果。duration 表示滤镜特效的持续时间(单位:秒);transition表示滤镜类型,使用哪种特效,取值为0-23。

10) Site-Enter、Site-Exit (网站进入与退出)

设置网站进入与退出时的一些特效。

11) last-modified(请求资源的最后修改时间)

设定请求资源的最后修改时间。

注意:必须使用GMT的时间格式。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

html中meta什么作用,HTML中各种常用meta标签的作用 的相关文章

  • 如何用Python抓取动态网页

    我正在努力做什么 抓取下面的网页以获取二手车数据 Issue 刮掉整个页面 在上面的 url 中 仅显示前 30 项 这些可以通过我在下面编写的代码来抓取 其他页面的链接显示为 1 2 3 但链接地址似乎是用 Javascript 编写的
  • 边界半径圆

    我有这个代码 span p margin 0 span background color red display inline block border radius 50 span p 25 p p 08 p span 我想在我的跨度上画
  • 用不同的颜色为 Google 热图着色

    我试图开发一个遵循 Google Map API 的热度 https developers google com maps documentation javascript examples layer heatmap https deve
  • BUG - 在 IOS 中没有选择标签的完成按钮

    我正在使用最新的离子并有一个简单的选择标签
  • 导航栏折叠在 Bootstrap 中不起作用

    Bhanu pratap 解决了这个问题 在这个问题的末尾检查一下 我一直在遵循旧的路线来构建导航栏折叠 三明治 问题是课程中的页面顶部似乎有一个黑条 并且缩小页面时会出现导航栏 对我来说 我只需在左侧找到一个按钮 另外 当我缩小页面时 我
  • 通过 Javascript 将图像切割成碎片

    我正在创建一个简单的拼图游戏 为了做到这一点 我需要将我正在使用的图片切成 20 块 Javascript 有没有办法将一张图片切成 20 个相等的部分 并将它们保存为网页中的 20 个不同的对象 或者我只需要进入 Photoshop 自己
  • 使用 javascript 禁用按钮:FF 与 IE

    我有一排按钮 它们都会创建一个我想在新选项卡中打开的 pdf 文件 这样按钮页面就会保持在顶部 并且 pdf 会打开以进行打印 为了防止单击按钮两次 我禁用该按钮 如下所示 我使用 python
  • 如何在 Java 中使用 HTML 解析器和 Apache Tika 来提取所有 HTML 标签?

    我下载了 tika core 和 tika parser 库 但找不到将 HTML 文档解析为字符串的示例代码 我必须删除网页源的所有 html 标签 我能做些什么 如何使用 Apache Tika 进行编码 您想要 html 文件的纯文本
  • 删除

    好的 我有一个小菜单栏 菜单内的三个元素还有更多的子菜单 但是菜单栏中的元素之间有不必要的间距 而且我创建的子菜单有不必要的背景宽度 我在代码中将其涂成白色以使读者理解 由于这种不必要的宽度 即使鼠标悬停在不可见的宽度上 在本例中为白色 本
  • 一个接一个地淡入div

    大家好 我很擅长 HTML 和 CSS 但才刚刚开始接触 jQuery 的皮毛 我希望让 3 个 div 在页面加载时逐渐淡入 到目前为止我有这个 我听说使用 css 将显示设置为 none 对于任何使用非 JavaScript 浏览器的人
  • 如何解决此错误:属性 rel 的原始源值错误

    我正在尝试使用 w3c 验证我的网站 但出现错误 Bad value original source for attribute rel on element link The string original source is not a
  • 如何设置视频文件的预览,从输入类型='文件'中选择

    在我的模块之一中 我需要从 input type file 浏览视频 之后我需要在开始上传之前显示选定的视频 我使用基本的 HTML 标签来显示 但它不起作用 这是代码 document on change file multi video
  • 古老的“字幕”标签的替代品?

    marquee 标签的标准等效项是什么 我正在寻找 HTML C asp NET 或 ASPX jquery java 脚本的解决方案 marquee 标签未包含在标准中 因为它是 视觉 标签 而不是 语义 标签 因此 您想要的任何语言都没
  • 链接无效

    我正在尝试使用以下命令创建一组指向页面中特定部分的链接 a href 符号 但它似乎不起作用 点击链接似乎没有任何反应right click gt open in a new tab更改 url 但不会移动到页面的其他部分 我使用的是火狐浏
  • jQuery mobile 中的文本区域高度和宽度?

    我修复了 jQuery mobile 中文本区域元素的高度 并且在纵向中得到了完美的高度和宽度 但在横向中宽度没有放大 谁能帮我 提前致谢 HTML
  • 使用本地存储在从另一个表保存的 HTML TABLE 中打印 JSON,以便我在另一个页面上打印我的表

    在我的作业中 我必须使用用户输入中的数据并将数据保存在本地存储中 我必须以水平表格式将这些数据从本地存储打印到其他页面 为此 我编写了用于用户输入并将数据保存在本地存储中的代码 div p p div
  • 浮动图像周围具有最小列宽的流动文本

    我想要一种方法来防止流动文本列变得太窄 例如 在一列 HTML 文本中 有一个图像浮动到左侧 正如预期的那样 文本沿着图像周围的列的右侧向下流动 但是 如果图像几乎与列一样宽 则文本最终会非常窄 在这种情况下 我希望文本简单地not流过图像
  • 防止垃圾邮件按钮呼叫功能

    如何防止调用函数时出现垃圾邮件按钮 就像用户只能在按钮上每 1 秒调用一次该函数 有办法做到吗 因为我尝试了 setTimeout 但没有成功 它仍然在发送垃圾邮件 顺便说一句 我使用 Jquery 这是我的代码
  • 删除 IE9 边缘周围的 2px 灰色边框

    我正在尝试对这个网站进行编码 尝试关键字 并且我正在尝试找出如何删除这个阴影2px灰色边框延伸到 IE9 窗口的内部 至少顶部 左侧和底部 我的边距设置为零 因此所有页面元素都到达页面的最边缘 但使用 IE9 它们会停在这个灰色边框处 我没
  • 表单发布请求并存储收到的数据

    我有一个非常简单的表单 在提交时发出发布请求

随机推荐