Meta元素小结

Meta元素小结

  1. 作用:提供文档的元信息,大多数情况下,meta元素用来提供与浏览器或搜索引擎相关的信息,比如描述文档的内容等等。
  2. 某些万维网搜索引擎使用meta标签的name和content属性来索引页面

a)        定义对页面的描述

b)        <metaname="description" content="这是页面的描述" /> :通常在100中文字之内

c)        定义页面的关键字

d)        <metaname="keywords" content="这是页面的关键字,不同的关键字之间用逗号隔开">

e)        然而由于非常多的网管们使用meta标签制造垃圾信息,比方说在页面重复关键字以达到      提高排名的目的,一些搜索引擎已经放弃了使用它们

3.在html中,<meta>标签没有结束标签,在xhtml中,必须被正确的关闭

4.http-equiv:把content属性关联到http头部,值有content-type、expires、refresh,setcookie

5.name:把content属性关联到一个名称,值有author,description,keywords,generator,revised,others

6.scheme:定义用于翻译content属性值的格式

name属性:html和xhtml标签都没有指定任何预定义的meta名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称

7.http-equiv:属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送的MIME文档头部包含名称/值对。

8.<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />:用来设定编码

9.<meta name="author"  content="w3school.com.cn">:用来设定作者

10.<metaname="revised"  content="DavidYang,8/1/07">:用来设定修订作者,日期等信息

11.<metaname="generator"  content="Dreamweaver8.0en">:编辑器

12.   <meta name="robots"content="none">:用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。

1)     all:文件将被检索,且页面上的链接可以被查询;

2)     none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)

3)     index:文件将被检索;(让robot/spider登录)

4)     follow:页面上的链接可以被查询;

5)     noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)

6)     nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

13.   <meta http-equiv="Pragma"content="no-cache">:(cache模式),这样可以禁用缓冲,即禁止浏览器从本地计算机缓冲中访问页面内容

14.   <meta http-equiv="Refresh"content="2;URL">:刷新,content中用来设定隔多长时间后进行刷新,以及重新跳转后的地址(用引号隔开)

15.   <meta http-equiv="Set-Cookie"content="cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT;path=/">:设置cookie,content中分别是cookie的名称,过期时间和路径,注意:过期时间必须使用GMT的时间格式

16.   <meta http-equiv="Window-target"content="_top">:强制页面在当前窗口以独立页面显示。

17.   <metahttp-equiv="Content-Language" content="zh-cn" />:显示语言的设定

18.   使用meta标签,我们还可以在进入网页或者离开网页的一刹那实现动画效果,我们只要在页面的html代码中的<head></head>;标签之间添加如下代码就可以了:

i.         <meta http-equiv="Page-Enter"content="revealTrans(duration=5.0,transition=20)">

ii.         一旦上述代码被加到一个网页中后,我们再进出页面时就会看到一些特殊效果,这个功能其实与FrontPage2000中的Format/Page Transition一样,但我们要注意的是所加网页不能是一个Frame页; RevealTrans动态滤镜

iii.         Duration表示滤镜特效的持续时间(单位:秒)

iv.         Transition滤镜类型。表示使用哪种特效,取值为0-23:各值的含义如下:

a)     0矩形缩小

b)    1矩形扩大

c)     2 圆形缩小

d)    3 圆形扩大

e)    4 下到上刷新

f)     5 上到下刷新

g)    6 左到右刷新

h)    7 右到左刷新

i)      8 竖百叶窗

j)      9 横百叶窗

k)     10 错位横百叶窗

l)      11 错位竖百叶窗

m)   12 点扩散

n)    13 左右到中间刷新

o)    14 中间到左右刷新

p)    15 中间到上下

q)    16 上下到中间

r)     17 右下到左上

s)     18 右上到左下

t)      19 左上到右下

u)    20 左下到右上

v)     21 横条

w)    22 竖条

x)     23 以上22种随机选择一种

经测试上述效果无效,不知为何

19.   <META NAME="COPYRIGHT"CONTENT="信息参数">:代表网站的版权信息

20.   <meta http-equiv="imagetoolbar"content="false" />:指定是否显示图片工具栏,false代表不显示,true代表显示

21.   <Metahttp-equiv="Content-Script-Type" Content="text/javascript">:指明页面中脚本的类型

<METAname="revisit-after" CONTENT="7 days" >:通知浏览器多少天访问一次

时间: 2024-08-25 23:15:25

Meta元素小结的相关文章

Meta元素可视区

一.网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 其中: width - viewport的宽度 height - viewport

关于文档头部定义和meta元素

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>定义元数据</title> 6 <style> 7 #box{ 8 width:4900px; 9 height:3225px; 10 font-size: 60px; 11 } 12 span{ 13 display: inline-block; 14 width

&lt; meta &gt; 元素(pc端与手机端)

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

【04】&lt;&#160;meta&#160;&gt;&#160;元素

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

&lt; meta &gt; 元素 概要

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

html中的行内元素和块级元素小结

一.首先我们总结下行内元素和块级元素有哪些: 行内元素: <a>标签可定义锚<abbr>表示一个缩写形式<acronym>定义只取首字母缩写<b>字体加粗<bdo>可覆盖默认的文本方向<big>大号字体加粗<br>换行<cite>引用进行定义<code>定义计算机代码文本<dfn>定义一个定义项目<em>定义为强调的内容<i>斜体文本效果<img>向网

Meta元素标签的viewport属性应用

移动设备 viewport:能优化移动浏览器的显示.如果不是响应式网站,不要使用initial-scale或者禁用缩放. 大部分4.7-5寸设备的viewport宽设为360px:5.5寸设备设为400px:iphone6设为375px:ipone6 plus设为414px. <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scala

Js中用splice插入替换删除元素小结

var a=[1,56,'34fg',2345,] 插入:头部插入:a.splice(0,0,'abc',789) 末尾插入:a.push('abc',789)  ----->>>返回值为数组最终的元素个数 a.splice(a.length,0,'abc',789,) 任意位置插入:a.splice(下标位置,0,'abc',789,) 删除:头部删除:a.shift() a.splice(0,1) 末尾删除:a.pop() a.splice(a.length-1,1) 任意位置删除:

手机页面head中的meta元素

<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="cache-control" content="no-cache"> 清除浏览器中的缓存,它和其它几句合起来用,就可以使你再次进入曾经访问过的页面