html的<meta>用法

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 设置浏览器离开某个网页时,所采取的特殊显示效果

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

时间: 2024-11-02 23:39:00

html的<meta>用法的相关文章

HTML中的meta用法

meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <head> <meta http-equiv="content-Type" content="text/html; charset=gb2312"> </head> 也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集:可以设定页面格式及刷新等等

SEO优化篇——meta用法

一.语法:<meta name="name" content="string"> 二.参数解析:1)name选项:Keywords(关键字),description(网站内容描述),author(作者),robots(机器人向导)等等 2)http-equiv项:可用于代替name项,常用的选项有Expires(期限),Pragma(cache模式),Refresh(刷新),Set-Cookie(cookie设定),Window-target(显示窗口的

移动开发meta集合【精】

以下是开发中经常用到的meta标签 1.移动webAPP的Meta 用法: <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 2.刷新网页 你可以设置一段时间后对页面进行刷新操作.meta http-equiv=”refresh”可以指定浏览器延迟一段时间自动刷新页面.下面的meta-tag指

markdown,html,css笔记

markdown 基础 你好,我是markdown文档 介绍 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. 说的简单一点,markdown其实就是一种简单的文本,与普通的文本文件 (txt文件)不同的是,支持一些特殊的符号,通过特殊的符号来表示不同的语义,并且给予不同的样式.同时普通的文本文件后缀是.txt,而markdown文件的后缀是.md. 宗旨和特点 markdown 实现的宗旨是[易读易写].方便书写和阅读,通过特

WTForms In Flask(WTForms在Flask中的应用)

WTForms WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证. 安装wtforms : pip3/pip install wtforms 用户登录/注册示例 项目目录结构 flask-wtforms-example │ app.py │ └─templates add_user.html index.html login.html register.html users.html 用户登录 当用户登录时候,需要对用户提交的用户名和密码进行多种格式校验. 如

常见&lt;meta&gt;的基本用法详解

<meta charset="utf-8"> 定义与name 属性相关的信息,使用 utf-8编码方式编译字符 <meta http-equiv="X-UA-Compatible" content="IE=Edge"> X-UA-Compatible 是IE8一个专有的<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用.可以在微软官方文档获取更多介绍. 在I

【JSP】&lt;meta&gt;标签用法

转载自:http://blog.sina.com.cn/s/blog_65c74cce0102v39z.html  非常感谢这位博主,急着用,改日再细细品味重新整理这篇博文. http-equiv META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). ★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容.常用的HTTP-EQUIV类型有: 1.Content-Type和Conte

(转)网页头部&lt;meta name=&quot;Robots&quot; 用法 &lt;meta&gt;系列用法.

有时候会有一些站点内容,不希望被ROBOTS抓取而公开.为了解决这个问题,ROBOTS开发界提供了两个办法:一个是robots.txt,另一个是The Robots META标签.1,<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">  默认是all其中的属性说明如下: 设定为all:文件将被检索,且页面上的链接可以被查询: 设定为none:文件将不被检索,且页面上的

html meta标签用法详细介绍

meta是html语言head区的一个辅助性标签. 在页面中都有类似这样的html代码: <head> <meta http-equiv="content-Type" content="text/html; charset=gb2312"> </head> 一.meta标签的组成 meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能. 1.n