html的<meta>用法_html/css_WEB-ITnose
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 设置浏览器离开某个网页时,所采取的特殊显示效果
版权声明:本文为博主原创文章,未经博主允许不得转载。

热AI工具

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

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

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

GiteePages静态网站部署失败:404错误排查与解决在使用Gitee...

网页批注功能的Y轴位置自适应算法本文将探讨如何实现类似Word文档的批注功能,特别是如何处理批注之间的间�...

实现图片点击后周围图片散开并放大效果许多网页设计中,需要实现一种交互效果:点击某张图片,使其周围的...

在router文件夹下的index.js文件中注册VueRouter的必要性在开发Vue应用程序时,常常会遇到关于路由配置的问题。特�...
