HTML中常用的meta元素

什么是meta标签

meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的<head>标记之间,它提供用户不可见的信息。meta标签通常用来表明作者身份, 设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置cookies等。
mrta标签基本分两大部分:http标题信息( http-equiv)和页面描述信息(name)。

http标题信息(http-equiv相关)

http-equiv类似于http的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的http-equiv类型有:
1.Content-Type和Content-Language (显示字符集的设定)
作用:设定页面使用的字符集,用以说明页面制作所使用的文字以及语言,浏览器会据此来采用相应的字符类型显示page内容。
例如:<meta http-equiv="Content-Type" Content="text/html; Charset=utf-8">;<meta http-equiv="Content-Language" Content="zh-Hans>
2.Expires (期限)
作用:指定网页在缓存中的截止时间,一旦网页超过该时间,必须到服务器上重新加载。
用法:<meta http-equiv="Expires" Content="日期">
例如:<meta http-equiv="Expires" Content="Sat, 29 Apr 2017 22:00:00 GMT">
注意:必须使用GMT的时间格式。
3.Set-Cookie (cookie设定)
作用:浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。
用法:<meta http-equiv="Set-Cookie" Content="cookie value=xxx; path=/">
4.Refresh (刷新)
作用:设定让网页多长时间(单位为秒)刷新一次,或在多长时间后让网页自动链接到其它网页。
用法:<meta http-equiv="Refresh" Content="60">;<meta http-equiv="Refresh" Content="5; Url=http://www.baidu.com">
注意:其中的5是指在当前页面停留5秒钟后自动刷新到目标URL网址。
5.Window-target (设定显示窗口)
作用:强制设定页面在当前窗口以独立页面显示。
用法:<meta http-equiv="Window-target" Content="_top">
注意:这个属性是用来防止别人在框架里调用你的页面。Content选项包括:_blank、_top、_self、_parent。
6.IE7(8) (页面生成器)
作用:声明页面生成器generator是ie7(8)
用法:<meta http-equiv="IE7(8)" Content="Generator">
注意:用什么工具做的,类似商品生产厂商。

页面标题信息(name)

1.Keywords (关键字)
作用:为搜索引擎提供的网页关键字列表,通常用处是指定搜索引擎用来提高搜索质量的关键词。
用法:<meta name="Keywords" Content="关键词1,关键词2,关键词3,…">
注意:各关键词间用英文逗号“,”隔开。
例如:<meta name="Keywords" Lang="EN" Content="vacation,green,sunshine">
2.Author (作者)
作用:标注网页的作者或制作组
用法:<meta name="Author" Content="李某,xxx@yyy.com">
3.Copyright (版权)
作用:标注版权所属
用法:<meta name="Copyright" Content="本页版权归xxx所有。All Rights Reserved">
4.Generator (编辑器)
作用:声明使用的编辑器
用法:<meta name="Generator" Content="使用的编辑器">

其他的标签

Link(链接)
作用:链接到文件
例如:<link rel="stylesheet"href="style.css" >

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容