首页 web前端 html教程 html的<meta>用法_html/css_WEB-ITnose

html的<meta>用法_html/css_WEB-ITnose

Jun 24, 2016 am 11:39 AM

meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。

<meta name=”某个设置值” content=”对该设置值进行具体补充说明的信息”><meta http-equiv=”某个设置值” content=”对该设置值进行具体补充说明的信息”>
登录后复制

1, name属性的设置:
1).keywords:告诉搜索引擎,把content属性中填入的内容作为网页的关键字添加到搜索引擎中,content属性中的多个关键字可以使用逗号分隔,例如:

  <meta name=”keywords” content=”软件开发,java”>  
登录后复制

2),Description:搜索引擎使用content属性中的设置信息未做对网站的描述
3),Robots:告诉搜索引擎释放的robot或spider,根据content属性中的设置来决定采取什么样的行动方式。

Content的值可以是:

Index 可以检索和收录此页,这是默认值。
Noindex 是不让robot/spider检索和收录此页。
Follow 允许robot,spider顺着此页的超级链接往下探找。
Nofollow 是不让robot,spider顺着此页的超级链接往下探找。
All 告诉robot,spider可以检索和收录此页,而且可以顺着此页的超链接往下探找。
None 是既不让检索和收录此页,也不让robot,spider顺着此页顺着探找
4),author :用于说明网页的作者,content中填入网页的作者。
5)copyright:用于版权声明,content中填入你的版权声明。
6)generator:用于说明编辑此页所使用的工具的名称,content填入网页的编辑软件
2, http-equiv属性的设置:
1),content-type用于说明网页内容的MIME类型以及文本内容所使用的字符集编 码。

<meta http-equiv=”content-type” content=”text/html;charset=gb2312”>
登录后复制

2)Refresh用于告诉浏览器指定的某一时间段后自动对页面进行刷新,

 <meta http-equiv=”Refresh” content=”1”>    时间单位是;  秒 //也可以让浏览器在一定时间后跳到其他网页,时间值与URL之间用分号(;)分隔 <meta http-equiv=”Refresh” content=”1;url=http://www.163.com”>   
登录后复制

3):Expires用于设定网页的到期时间,超过了content属性中指定的日期浏览器必须到服务器上重新下载该网页。注意content属性中的设置值必须使用GMT时间格式

<meta http-equiv=”Expires” content=”Mon,12 May 2001 00:02:00 GMT”>  CONTENT设置为0,可以禁止浏览器使用缓存页面
登录后复制

4):Windows-Target强制页面在某个窗口中显示。要防止自己的网页别别人当作一个frame页面调用,可以使用

<meta http-equiv=”Windows-Target” content=”_top”>
登录后复制

5);Pragma用于设定禁止浏览器在本地计算机上缓存次页面,content属性设置为 no-cache

<meta http-equiv=”Cache-Control” content=”no-cache”>
登录后复制

6)Page-Enter:设置浏览器的特殊显示效果

<meta http-equiv=”Page-Enter”  content=”revealTrans(Transition=23,Duration=1.000)”> Duration表示滤镜特效的持续时间(单位:秒)Transition滤镜类型。表示使用哪种特效,取值为0-23:0 矩形缩小1 矩形扩大2 圆形缩小3 圆形扩大4 下到上刷新5 上到下刷新6 左到右刷新7 右到左刷新8 竖百叶窗9 横百叶窗10 错位横百叶窗11 错位竖百叶窗12 点扩散13 左右到中间刷新14 中间到左右刷新15 中间到上下16 上下到中间17 右下到左上18 右上到左下19 左上到右下20 左下到右上21 横条22 竖条23 以上22种随机选择一种
登录后复制

7):Page-Exit 设置浏览器离开某个网页时,所采取的特殊显示效果

版权声明:本文为博主原创文章,未经博主允许不得转载。

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? 公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存,这玩意儿,说简单也简单,说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章,结果用户打开还是老版本,这滋味,谁受得了?这篇文章,咱就来扒一扒这背后的弯弯绕绕,以及如何优雅地解决这个问题。读完之后,你就能轻松应对各种缓存难题,让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存,说白了就是浏览器或者服务器为了提高访问速度,把一些静态资源(比如图片、CSS、JS)或者页面内容存储起来。下次访问时,直接从缓存里取,不用再重新下载,速度自然快。但这玩意儿,也是个双刃剑。新版本上线,

如何使用HTML5表单验证属性来验证用户输入? 如何使用HTML5表单验证属性来验证用户输入? Mar 17, 2025 pm 12:27 PM

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

HTML5中跨浏览器兼容性的最佳实践是什么? HTML5中跨浏览器兼容性的最佳实践是什么? Mar 17, 2025 pm 12:20 PM

文章讨论了确保HTML5跨浏览器兼容性的最佳实践,重点是特征检测,进行性增强和测试方法。

如何高效地在网页中为PNG图片添加描边效果? 如何高效地在网页中为PNG图片添加描边效果? Mar 04, 2025 pm 02:39 PM

本文展示了使用CSS为网页中添加有效的PNG边框。 它认为,与JavaScript或库相比,CSS提供了出色的性能,详细介绍了如何调整边界宽度,样式和颜色以获得微妙或突出的效果

&lt; datalist&gt;的目的是什么。 元素? &lt; datalist&gt;的目的是什么。 元素? Mar 21, 2025 pm 12:33 PM

本文讨论了html&lt; datalist&gt;元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

&gt; gt;的目的是什么 元素? &gt; gt;的目的是什么 元素? Mar 21, 2025 pm 12:34 PM

本文讨论了HTML&lt; Progress&gt;元素,其目的,样式和与&lt; meter&gt;元素。主要重点是使用&lt; progress&gt;为了完成任务和LT;仪表&gt;对于stati

我如何使用html5&lt; time&gt; 元素以语义表示日期和时间? 我如何使用html5&lt; time&gt; 元素以语义表示日期和时间? Mar 12, 2025 pm 04:05 PM

本文解释了HTML5&lt; time&gt;语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

&lt; meter&gt;的目的是什么。 元素? &lt; meter&gt;的目的是什么。 元素? Mar 21, 2025 pm 12:35 PM

本文讨论了HTML&lt; meter&gt;元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了&lt; meter&gt;从&lt; progress&gt;和前

See all articles