元信息标记<meta>

温故而知新,学习要不断温故总结的。今天想和大家一起说说html里面的元信息标记<meta>。

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记里面,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。

meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。

  name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。
  name的value值(name="")指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值,如:creationdate(创建日期) 、
document ID(文档编号)和level(等级)等。
  name的content指定实际内容。如:如果指定level(等级)为value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。

  1、设置页面的Keywords (关键字)
   说明:为搜索引擎提供的关键字列表
   用法:<meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">
   注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:
      <meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
      <meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">

  2、设置页面描述:Description (简介)
   说明:Description用来告诉搜索引擎你的网站主要内容。
   用法:<meta name="Description" Content="你网页的简述">
   如:<meta name="description" content="这是我的个人博客,欢迎大家的到来,我是程序员XXX,、、、、、、">

  3、限制搜索方式:Robots (机器人向导)
   说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
   用法:<meta name="Robots" Content="all|none|index|nindex|fllow|nofollow">
   注意:许多搜索引擎都通过放出robot/spider搜索来登录网站,这些robot/spider就要用到meta元素的一些特性来决定怎样登录。

    all:文件将被检索,且页面上的链接可以被查询;
    none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)
    index:文件将被检索;(让robot/spider登录)
    follow:页面上的链接可以被查询;
    noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)
   nofollow:不能搜索当前网页链接的网页。(不让robot/spider顺着此页的链接往下探找)

  4、设置作者信息:Author (作者)
   说明:标注网页的作者或制作组
   用法:<meta name="Author" Content="张三|麒麟阁,[email protected]">
   注意:Content可以是:你或你的制作组的名字,或Email等等

  5、设置版权信息:Copyright (版权)
   说明:标注版权
   用法:<meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">
   注意:

  6、设置编辑工具:Generator (编辑器)
   说明:编辑器的说明
   用法:<meta name="Generator" Content="PCDATA|FrontPage|Adobe Dreamweaver CS6">
   注意:Content="你所用编辑器"

  7、设置网页文字与语言:

第一种方法:<meta http-equiv="Contnt-Type" content="text/html;charset=字符集类型">

第二种方法:<meta http-equiv="Content-Language" content="语言">

语法解释:

http-equiv用于传送HTTP通信协议的标头,也就是设定标头属性的名称,而在content中才设置具体的值。字符集类型如GB2312时,代表说明网站是采用的编码是简体中文;

如BIG5时,代表说明网站是采用的编码是繁体中文;如iso-2022-jp时,代表说明网站是采用的编码是日文;ks_c_5601时,代表说明网站是采用的编码是韩文;

ISO-8859-1时,代表说明网站是采用的编码是英文;如UTF-8时,代表世界通用的语言编码;

<meta http-equiv="Content-Language" content="zh_CN">表示为简体中文。

8.设置网页的定时跳转:meta标签的http-equiv="refresh"

在浏览网页是会经常看到 一些欢迎信息的界面,在经过一段时间后,这一页面会自动跳转到其他页面中。这就是网页的跳转。
    <meta http-equiv="refresh" content="跳转时间; url=链接地址"> 
   如:<meta http-equiv="refresh" content="5;url=http://www.baidu.com">表示5秒后跳转到百度网页。/10

9、META标签的HTTP-EQUIV="Pragma" CONTENT="no-cache"
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">代表禁止浏览器从本地计算机的缓存中访问页面内容,这样设定,访
问者将无法脱机浏览。

10、<meta http-equiv="imagetoolbar" content="false" /> 
指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。
11、META标签的Content-Script-Type
<Meta http-equiv="Content-Script-Type" Content="text/javascript">
W3C网页规范,指明页面中脚本的类型。
12、META标签的revisit-after
<META name="revisit-after" CONTENT="7 days" > 
revisit-after代表网站重访,7 days代表7天,依此类推。

13、META标签的<meta http-equiv="windows-Target" contect="_top">
代表页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用,设置有:_blank、_top、_self、_parent。
14、META标签的set-cookie
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
代表Cookie设定,如果网页过期,存盘的cookie将被删除,需要注意的也是必须使用GMT时间格式

时间: 2024-10-24 11:26:11

元信息标记<meta>的相关文章

2.3元信息标记 meta

meta一般用来定义页面信息的说明.关键字.刷新等 meta 元素的属性有name 和http-equiv,其中name 属性主要用于描述网页.便于搜索引擎查看.分类. 1.<meta name="keywords" content="插入关键字">:name属性名字是keywords ,conten里面设置的关键字 2.<meta name="description" content="设置页面说明">

元信息标记---meta

位于<head></head>之间 1.设置页面关键字: <meta name="keywords" content="输入具体关键字"/> 2.设置页面说明: <meta name="description" content="设置页面说明"/> 3.定义编辑工具 <meta name="generator" content="FrontPa

HTML学习日记之元信息meta标记

所谓meta标记就是用来描述一个HTML网页文档的属性,也称为元信息,这些信息并不会显示在浏览器的页面中,例如作者.日期和时间.网页描述.页面刷新等. 基本语法: <meta name = " "content=" "> <meta http-equiv=" " content = " "> name属性与content属性 name属性用于描述网页,它是以"名称/值"形式的名称,n

Meta viewport (视口元信息标签)

前几天在研究移动版开发时,意外查阅到了PPK大神的关于viewport(视口)的三篇研究文档,但无奈全是英文,只好硬着头皮看下去,并顺便试着翻译一下,以备日后回顾. 本人水平有限,如翻译错误,欢迎指正 原文地址:http://www.quirksmode.org/mobile/metaviewport/#t10 读前须知:PPK写这篇文章的时候,IPhone还没有生产出4S之后的产品.所以,这篇文章中提到的IPhone,都是指IPhone4S及之前的手机. TOP This page conta

meta:元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词,标签的属性定义了与文档相关联的名称/值对:

content属性:定义与 http-equiv 或 name 属性相关的元信息 name属性:表述文档的一些信息,对搜索引擎友好,以及基于移动设备的一些描述 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <!--定义视窗显示的比例,是否可缩放以及最大缩放值--> <meta name="apple-mob

九、Vue Router 进阶-路由元信息meta

路由元信息 meta 在路由列表中,每个路由都有一个 meta元数据字段,我们可以在这里配置一些自定义信息,供页面组件或路由钩子函数中使用.在路由跳转的时候,提供我们判断条件. <script> // 配置 meta 数据 const router = new VueRouter({ routes: [ { path: '/', name: 'index', // 路由名称 component: index, // 映射的组件 meta: { title: '首页' } } ] }); <

MySQL---数据库从入门走向大神系列(十一)-Java获取数据库/结果集的元信息、将数据表写入excel表格

数据库的元信息: 首先介绍一下数据库的元信息(元数据): 元数据(Metadata)是关于数据的数据. 元数据是描述数据仓库内数据的结构和建立方法的数据. 存储的数据是什么类型,什么驱动等等,这些描述数据的数据,就是元数据! 准备: package cn.hncu.pool3; import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; i

HTML高级教程(6)——HTML 元信息

实例 文档描述 Meta 元素中的信息可以描述 HTML 文档. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="author" content="w3school.com.cn"> <meta name="revise

六、Html头部和元信息

前面整理的都是html常用到的标签,这里整理一下html的的头部和元信息标签. 定义html都的头部要写在<head>标签里面,一般他还包含如下一些标签: 1,<script>:用来包含JavaScript脚本 2,<style>:用来定义内容css样式 3,<link>:用来链接外部css等资源 4,<title>:用来定义文档标题 5,<base>:用来指定页面上所有的链接的基准链接,是一个空元素.有2个属性:href和targe