META 标签的使用

<meta />标记详解

说明:

meta是一个单边标签

主要功能:是用于设置或显示一些控制信息,告诉浏览器以什么编码显示。

<meta>标记有两个主要的属性:

http-equiv:设置http的文件头信息(控制信息)。

name:设置网页描述信息。

?

1、用于设置浏览器显示编码

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

charset:设置源文件的字符编码,如设置成UTF-8

  1. 设置网页描述信息。

    <meta name="description" content="描述的具体内容">

    举例:

  • <meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />

    一般是100字以内。????

  1. 设置关键词

    <meta name="keywords" content="关键词列表">

    举例:

    <meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信,数码,汽车,手机,财经,科技,相册" />

    4、设置刷新时间及跳转

<meta http-equiv="refresh" content="seconds;url=url">

seconds:设置多少秒后跳转

url:设置跳转的目标地址,如果没有设置该属性,表示,N秒后,刷新本网页。

?

代码演示:

效果:

设置的秒数达到后,网页进行了跳转,并且浏览器地址栏的url进行了改变:

?

meta的另外一些用法:

  • robots(机器人向导)
  • 说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引
  • content的参数有all,none,index,noindex,follow,nofollow。默认是all。
  • Index代表文件将被检索 follow代表页面上的链接可以被查询
  • 举例:<meta name="robots" content="none">
  • author(作者)
  • 说明:标注网页的作者
  • 用法:<meta name="author" content="传智播客">
  • Copyright(版权信息)
  • 功能:说明网站版权信息
  • 用法:<meta name="copyright" content="信息参数">
时间: 2024-08-04 07:33:31

META 标签的使用的相关文章

移动平台对 META 标签的定义

下面介绍一些有关标记的例子及解释. 一.meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name). 1.http-equiv 属性的 Content-Type 值(显示字符集的设定) 说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容. 用法: <meta http-equiv="Content-Type" content="text/html; charset=utf

HTML meta标签常用属性整理

概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. -- W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关联到HTTP头部. na

HTML中&lt;meta&gt;标签的使用

HTML中<meta>标签的使用 <meta>标签基本介绍 <meta>标签是HTML网页源代码中一个重要的html标签.META便签用来描述一个HTML网页文档的属性,例如作者.日期.关键词.页面刷新.除此之外<meta>标签用于搜索引擎优化(SEO).它位于HTML文档中<head>元素内,虽然它提供的信息不可见,但它却是文档最基本的元信息. <meta>标签的属性列举 <meta>标签中属性可以分为必选属性和可选的属

meta标签常用属性整理

在segmentfault看到这篇文章,觉得整理的很详细,所以转载过来和大家分享一下.原文地址:http://segmentfault.com/blog/ciaocc/1190000002407912作者:ciaocc版权贵ciaocc所有,转载请注明版权. 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. ——W3School 必要属性 属性 值 描述 content

Meta 标签详解

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和 标题 <<标记之间,它提供用户不可见的信息.meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie:它可以用于鉴别作者,设定页面格式,标注内容提要和关键字:还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等. 详细介绍 下面介绍一些有关 标记的例子及解释. META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NA

移动web前端之meta标签

最近这段时间忙着做web移动端,东西跟pc端还是有区别的.这个月也学到了不少东西,太多了就从头开始,先总结meta标签吧. 主要标签内容和注释如下: <meta charset="UTF-8"> <!--html5 已经简化 设置charset字符编码的格式--> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/> <!--使用

Html中meta标签详解--以前经常忽略的

W3School介绍:http://www.w3school.com.cn/html5/html5_meta.asp meta是用来在HTML文档中模拟HTTP协议的响应头报文. meta 标签的用处很多. meta 的属性有两种:name和http-equiv. name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找.分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类).这其中最重要的是description(站点在搜索引擎上的描述)和

&lt;meta&gt;标签总结

1.Pragram:禁用浏览器缓存 <meta http-equiv="Pragma" content="no-cache"> 2.expires:用于设定网页的到期时间,缓存 <meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT"> 前面两个缓存,当然缓存还有:cache-control策略.Last-Modifed/If-

meta标签及其应用

META标签是HTML语言HEAD区的一个辅助性标签,提供用户不可见的信息. meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie:它可以用于鉴别作者,设定页面格式,标注内容提要和关键字:还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级等等. META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地

利用 meta 标签重定向

页面定期刷新,如果加url的,则会重新定向到指定的网页,content后面跟的是时间(单位秒),把这句话加到指定网页的<head></head>里一般也用在实时性很强的应用中,需要定期刷新的如新闻页面,论坛等,不过一般不会用这个,都用新的技术比如ajax等 <meta http-equiv="refresh" content="0; url=">'经过一段时间转到另外某个页面content="0;URL=",这