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标签的作用 的相关文章

  • iOS Safari 通过单击按钮触发扫描信用卡

    您好 我目前正在创建一个测试应用程序 当用户单击文本字段名称或卡号时 扫描信用卡功能对我有用 我的问题是 我希望当用户单击 button1 时发生同样的情况 这应该打开相机来扫描卡并填充现有的文本字段 即名称 卡号和到期日期 额外的好处是
  • 如何淡化循环背景图像?

    这里的菜鸟 我试图让我的静态背景变成一个轮播 我当前的html看起来像这样 div class pageContent div 和我的CSS body background url http placehold it 1600x1200 n
  • 为什么 jQuery 点击事件会多次触发

    我这里有这个示例代码http jsfiddle net DBBUL 10 http jsfiddle net DBBUL 10 document ready function creategene click function confir
  • 如何通过 HTML 按钮播放声音

    我目前通过网站播放音乐的方法是通过 HTML 音频标签 不过我希望能够通过 HTML 按钮来播放它 该按钮应该能够在播放和停止之间切换音乐 我在 JSFiddle 创建了一个示例 但不知道如何实现它 有人可以告诉我如何使用我的 JSFidd
  • 将一个文本框的内容复制到另一个文本框

    假设在文本框中输入了一个条目 是否可以在第二个文本框中保留相同的输入文本 如果是这样 这是如何完成的
  • 使用模态表单 ajax 超出 HTMLFormElement.toString 的最大调用堆栈大小

    我想使用模态窗口中的 ajax 请求提交表单 单击此链接可打开该模式 a class btn btn primary i class fa fa edit i Write a review a 模态窗口 div class modal fa
  • 如何改变HTML5视频的播放速度?

    如何更改 HTML5 中的视频播放速度 我查过视频标签的属性 https www w3schools com html html5 video asp在 w3school 但无法做到这一点 根据这个网站 http www chipwreck
  • iframe 重新加载按钮

    我浏览了很多网站 但似乎没有一个能正常工作 或者我不明白它们 我想要一个刷新某个 iframe 的简单按钮 该按钮将位于父页面上 并且 iframe 名称为 Right 有很多方法可以做到这一点 假设这个iframe markup 我们可以
  • 如何从顺序键盘导航中删除 Vuetify 附加图标

    在带有 Vuetify 的 Vue js 应用程序中 我有一组用v text field并且其中有一个append icon为了切换文本可见性 如下所示
  • 如何使 jQuery 向上动画

    我有一些 jquery 运行得相当好 但是当我将鼠标悬停在有问题的元素上时 底部向下扩展 这并不意外 但不是所需的效果 我希望元素的底部保持静止 而元素的顶部向上扩展 如果您想查看我目前拥有的内容 您可以导航至http demo ivann
  • 一旦 webapp 添加到主屏幕,是否可以强制 iphone/ipod 更新 apple-touch-icon?

    我使用 safari 的所有推荐链接和元标记创建了一个网络应用程序 例如
  • Jquery,清除/清空 tbody 元素的所有内容?

    我认为这会相当简单 但似乎空方法无法清除我拥有的 tbody 如果有人知道执行此操作的正确方法 我将不胜感激 我只想删除 tbody 中包含的所有内容 到目前为止我正在尝试 tbodyid empty HTML table tbody tr
  • html,将链接显示为普通文本

    我想知道您是否可以将链接显示为普通文本 a href target self img src width 121 height 20 alt div style font size 12px display block font color
  • IE 位置问题:绝对

    我有这段代码 它在 Firefox 中运行得很好 但在资源管理器上会向右射击 这段代码有什么我看不到的问题吗 感谢您的帮助 div a href http www mysite com img src images sponsor png
  • CSS“内容”不起作用

    我想通过 CSS 添加该段落的文本 而不是在 HTML 中 因为它会随着网站的响应能力而变化 现在我无法让它工作 我想知道CSS是否有问题 另外 这是唯一可以做到的方法 使用纯 HTML 和 CSS 还是有另一种方法来定位文本并根据每个分辨
  • 打印带有图像的 html(每个图像在单独的页面上)

    我有一个带有图像的 HTML img img img img 打印时 我希望每个图像都位于单独的页面上 根据打印尺寸 现在我把图像从中间切掉了 有什么办法可以解决吗 您可以尝试以下方法 p p
  • 计算div中有多少个元素

    我有一个div 里面有span 有没有一种方法可以计算 div 中有多少个元素 然后将其作为值给出 例如 一个 div 中有 5 个跨度 那么它会对其进行计数并发出警报 5 请使用 JavaScript 谢谢 如果你想要后代的数量 你可以使
  • 用于自由形式绘图的 javascript 库

    是否有一个 JavaScript 库可以让我在网页上绘图 然后保存该绘图的状态 我想使用鼠标绘制 2D 图像 然后如何存储和加载该绘图 使用 HTML5 画布 绘制图像的简单示例如下 http jsfiddle net ghostoy wT
  • 在文档片段中查找注释或文本节点

    我必须清理 Nokogiri HTML DocumentFragment 文档 删除仅包含空格的注释节点和文本节点 这是一个例子 html p paragraph p p paragraph p p paragraph p doc Noko
  • 将 DIV 堆叠在一起?

    是否可以堆叠多个 DIV 例如 div div div div div div div div div div 那么所有这些内部 DIV 都具有相同的 X 和 Y 位置吗 默认情况下 它们都在彼此下方 将 Y 位置增加了上一个 DIV 的高

随机推荐