HTML 关于head中的<meta>标签

关于<meta> 标签

<meta>标签出现在网页的标题部分,这些信息并不会出现在浏览器页面的显示之中,只会显示在源代码中。也就是在...当中。

主要用途是设置网页语言的编码方式。
一般这样来进行设置:
<head>
<meta http-equiv="Content-Type" content="text/html"
charset=gb2312>
</head>
http-equiv传送HTTP通信协议的标头,content中定义页面的内码。
charset用于设置网页的编码语系,简体中文网页使用charset=gb2312,繁体中文使用big5,纯英文的建议使用iso-8859-1。

当然还可以提供文档的关键字、作者、描述等多种信息。
在HTML的头部是可以包括任意数量的<meta>标记的

(1).设定关键字:

关键字是为搜索引擎提供的,例如一个音乐网站,为了提高在搜索引擎中被搜索到的机率,可以设定多个和音乐主题相关的关键字以便搜索。

需要注意的是:大多数搜索引擎检索时都会限制关键字的数量,有时过多,可以就会在检索中被忽略。所以不宜过多。关键字之间用逗号分隔。

基本语法:<meta name="keywords"
content="value">
这里的keywords为关键字定义,而content中的值则是关键字的内容。

(2).设置作者:

<meta name="author"
content="作者的信息">

(3).设置自动刷新:
使用HTTP-equiv属性中的Refresh能够设定页面的自动刷新,就是每隔几秒的时间刷新页面的内容。例:论坛消息的自动更新。

例:<meta http-equiv="refresh"
content="180">
则页面每隔三分钟自动刷新一次,180秒为3分钟。

(4).设定自动跳转:
如果我们的网站地址有所变化,希望在当前的页面中等等几秒钟之后就自动中转到新的网站地址,可以通过设定中转时间和地址来实现。

现在自动跳转特性已经被越来越多的网站所采用。如:可以先在一个页面上显示欢迎信息,经过一段时间,自动跳转到指定的网页上。

例:<meta http-equiv="refresh"
content="10;url=http//www.baidu.com">
http-equiv传送HTTP通信的标头,Refresh代表刷新,Content中写的是跳转间隔的秒数以及跳转后打开的文件地址。

那么上面的那句话的意思就是:在10秒后页面跳转到百度中去。

(5).设定转场效果:
转场效果即网页过渡,是择时当进入或离开网站时,页面具有不同的切换效果,添加此功能可以使网页看起来更具有动感。

例:<meta http-equiv="page-Enter或page-exit"
content="revealtrans(duration=3,transition=21)">

page-Enter表示进入网页时有网页过渡效果。page-exit表示退出网页时有网页过渡效果。

duration中写下的是网页过渡效果的延续时间,单位为秒。

transition中写下过渡效果的方式编号。

上面语句的意思是:在网页进入或退出时,延时3秒,使用效果编号为21的效果。

过渡效果的编号及含义:

盒状收缩:0 盒状展开:1 圆形收缩:2
圆形展开:3 向上擦除:4 向下擦除:5
向左擦除:6 向右擦除:7 垂直百叶窗:8
水平百叶窗:9 横向棋盘式:10 纵向棋盘式:11
溶解:12 左右向中部收缩:13 中部向左右展开:14
上下向中部收缩:15 中部向上下展开:16 阶梯状向左下展开:17
阶梯状向左上展开:18 阶梯状向右下展开:19 阶梯状向右上展开:20
随机水平线:21 随机垂直线:22 随机:23

(6).设置禁用缓存:

<meta http-equiv="cache-control"
content="no-cache">

cache-control为缓存控制,content中定义禁止缓存。

(7).设置网页的有效期限:

<meta http-equiv="expires" content="sat,11 dec 2004
11 25 59 GMT">

到期时间为2004年12月11日星期六上午11点25分59秒

详细参考w3c介绍:http://www.w3school.com.cn/tags/tag_meta.asp

时间: 2024-08-01 15:45:31

HTML 关于head中的<meta>标签的相关文章

移动web app 中的meta 标签

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />meta viewport 相关属性有下面几个 width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 ) height: viewport 的高度 (范围从 223 到 10,000 ) ini

手机页面中的meta标签

以前看书的时候,觉得meta标签就只有一个charset对于我来说是有用的.前段时间有个学弟让我写个手机版的网页,我才知道原来meta标签有那么多学问. meta指元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. 标签位于文档的头部,不包含任何内容. 标签的属性定义了与文档相关联的名称/值对. meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制

html中的 meta标签的意义

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

HTML中的meta标签及其使用方法

组成 meta标签共有两个属性,分别是http-equiv属性和name属性. 1. name属性 name属性主要用于描述网页,比如网页的关键词,叙述等.与之对应的属性值为content,content中的内容是对name填入类型的具体描述,便于搜索引擎抓取.meta标签中name属性语法格式是: <meta name="参数" content="具体的描述">. 其中name属性共有以下几种参数.(A-C为常用属性) A. keywords(关键字)

HTML中的meta标签常用属性及其作用总结

文章同步到github 以前没怎么太注意过meta标签的作用,只是简单了解一些常用属性,现在结合个人了解的进行记录与总结: 元数据 首先需要了解一下元数据(metadata)元素的概念,用来构建HTML文档的基本结构,以及就如何处理文档向浏览器提供信息和指示,它们本身不是文档内容,但提供了关于后面文档内容的信息.--出自<html5权威指南> 如title.base.meta都是元数据元素.本文主要介绍<meta>. <meta>元素 <meta> 元素可提

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

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

.NET 在meta标签中使用表达式设置页面的关键字

在aspx文件中 给meta标签的属性复制是不能直接使用 表达式的 错误的写法: <meta name="keywords" content="<%=newsType.Nt_KeyWords %>"/> 无法解析 正确的写法: <meta name="keywords" content=<%="\"" +newsType.Nt_KeyWords %>"/> &

HTML meta标签的用法及head中的一些常用标签

meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta主要为分HTTP标头信息(HTTP-EQUIV)和页面描述信息(NAME)标头信息包括文档类型.字符集.语言等浏览器正确显示网页的信息及处理动作:网页描述如内容的关键字.摘要.作者和定义robots行为等,为搜索引擎索引提供信息. meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta 属性有两种:name和http- equiv. name:将content属性与一个名字连接,

在ASP.NET程序中用程序动态向&lt;head&gt;便签里添加&lt;meta&gt;标签

在使用ASP.NET框架开发: 若要在Html网页中加入<meta>设置,但想通过程序动态加入: 1.如果是ASP.NET4.0以前版本: 使用HtmlMeta类加入<meta>设置: //首先我们应该创立HtmlMeta类实体(命名空间:System.Web.UI.HtmlControls) HtmlMeta meta1=new HtmlMeta(); meta1.Name="keyword"; meta1.Content="ASP.NET,jQue