首页 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脱衣机

Video Face Swap

Video Face Swap

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

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

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

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

HTML容易为初学者学习吗? HTML容易为初学者学习吗? Apr 07, 2025 am 12:11 AM

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

HTML,CSS和JavaScript的角色:核心职责 HTML,CSS和JavaScript的角色:核心职责 Apr 08, 2025 pm 07:05 PM

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

HTML中起始标签的示例是什么? HTML中起始标签的示例是什么? Apr 06, 2025 am 12:04 AM

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

了解HTML,CSS和JavaScript:初学者指南 了解HTML,CSS和JavaScript:初学者指南 Apr 12, 2025 am 12:02 AM

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

Gitee Pages静态网站部署失败:单个文件404错误如何排查和解决? Gitee Pages静态网站部署失败:单个文件404错误如何排查和解决? Apr 04, 2025 pm 11:54 PM

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

网页批注如何实现Y轴位置的自适应布局? 网页批注如何实现Y轴位置的自适应布局? Apr 04, 2025 pm 11:30 PM

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

如何用CSS3和JavaScript实现图片点击后周围图片散开并放大效果? 如何用CSS3和JavaScript实现图片点击后周围图片散开并放大效果? Apr 05, 2025 am 06:15 AM

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

在router文件夹下的index.js文件中为什么需要调用Vue.use(VueRouter)? 在router文件夹下的index.js文件中为什么需要调用Vue.use(VueRouter)? Apr 05, 2025 pm 01:03 PM

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

See all articles