html的meta标签
html的meta标签
html的meta标签
meta标签一般用于网页中的<head>与</head>之间,meta标签的种类有很多。在我们网页设计中用的比较多的有keywords,description等几种。meta的属性有两种:name和http-equiv。name主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找,抓取。这其中最重要的是description和keywords,所以应该给每页加一个meta值。
比较常用的有如下几钟:
<meta name="keywords" contect=" "> 向搜索引擎说明你的网页的关键词;
<meta name="description" contect=""> 告诉搜索引擎你的站点的主要内容;
<meta name="author" contect="你的姓名"> 告诉搜索引擎你的站点的站长或者是作者是谁;
<meta name="Generator" contect=""> 用来说明网页生成工具(如Microsoft FrontPage 4.0)等;
meta标签的组成
meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
1、name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是:<meta name="参数" content="具体的参数值"> 。
其中name属性主要有以下几种参数:
A、Keywords(关键字)
说明:keywords用来告诉搜索引擎你网页的关键字是什么。
举例:<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human">
B、description(网站内容描述)
说明:description用来告诉搜索引擎你的网站主要内容。
举例:<meta name="description" content="This page is about the meaning of science, education,culture.">
C、robots(机器人向导)
说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例:<meta name="robots" content="none">
D、author(作者)
说明:标注网页的作者
举例:<meta name="author" content"root,root@21cn.com">
2、http-equiv属性
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种参数:
A、Expires(期限)
说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
注意:必须使用GMT的时间格式。
B、Pragma(cache模式)
说明:禁止浏览器从本地计算机的缓存中访问页面内容。
用法:<meta http-equiv="Pragma" content="no-cache">
注意:这样设定,访问者将无法脱机浏览。
C、Refresh(刷新)
说明:自动刷新并指向新页面。
用法:<meta http-equiv="Refresh" content="2;URL=http://www.root.net">
注意:其中的2是指停留2秒钟后自动刷新到URL网址。
D、Set-Cookie(cookie设定)
说明:如果网页过期,那么存盘的cookie将被删除。
用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">
注意:必须使用GMT的时间格式。
E、Window-target(显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。
用法:<meta http-equiv="Window-target" content="_top">
注意:用来防止别人在框架里调用自己的页面。
F、content-Type(显示字符集的设定)
说明:设定页面使用的字符集。
用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">
- Server对象的HtmlEncode和UrlEncode
- html5清除浮动的方法(HTML5实现移动端点击翻牌功能)
- html5加入图片(HTML5 图片预加载的示例代码)
- html5弹出窗口(Html5页面上如何禁止手机虚拟键盘弹出)
- html5 webrtc技术详解(Html5 webRTC简单实现视频调用的示例代码)
- html5发送文字特效(HTML5调用手机发短信和打电话功能)
- html5炫酷代码(HTML5实现视频弹幕功能)
- html5视频播放代码详解(HTML5基于flash实现播放RTMP协议视频的示例代码)
- html和css制作导航条(使用Html+Css实现简易导航栏功能导航栏遇到鼠标切换背景颜色)
- css弹出遮罩层页面不可滑动(Html5页面点击遮罩层背景关闭遮罩层)
- html5的canvas代码(H5最强接口之canvas实现动态图形功能)
- html53d效果代码(HTML5 直播疯狂点赞动画实现代码 附源码)
- python3html怎么转换成pdf(Python实现html转换为pdf报告生成pdf报告功能示例)
- html+css网页布局实例(网页布局入门教程 如何用CSS进行网页布局)
- webview获取html(webView加载html图片遇到的问题解决)
- html5横向滚动(解决HTML5中滚动到底部的事件问题)
- 《红 雄安》系列广播剧第一集 水上奇兵雁翎队(雄安系列广播剧第一集)
- 小说 小伙穿越成刘备,用现代知识指挥作战,众谋士都看呆了(小伙穿越成刘备)
- 解析葡萄牙6-1瑞士 进攻多点开花,贡萨洛-拉莫斯一战成名(解析葡萄牙6-1瑞士)
- 这支 奇兵队 腕大 有范儿还各怀绝技,毒贩杀人犯见了都要仓皇而逃(这支奇兵队腕大)
- 雄藩崛起 奇兵队与幕末长州藩军事改革(雄藩崛起奇兵队与幕末长州藩军事改革)
- 九月初,爱如蜜糖,甜到心扉,迷恋彼此,一日不见兮,思之若狂(九月初爱如蜜糖)
热门推荐
- python获取网关ip地址(python实现扫描局域网指定网段ip的方法)
- rocketmq安装linux(docker安装rocketMQ教程最详细)
- php性能比较(php使用yield对性能提升的测试实例分析)
- js截取字符串
- mvc在视图中使用@helper封装输出代码
- pythonmatplotlib怎么用(Python matplotlib画图与中文设置操作实例分析)
- python人脸识别库(python3人脸识别的两种方法)
- docker镜像无法删除 Error:No such image:xxxxxx解决(docker镜像无法删除 Error:No such image:xxxxxx解决)
- laravel队列不超时(在laravel中实现事务回滚的方法)
- cent os7.0 安装mysql(mysql8.0.23 linuxcentos7安装完整超详细教程)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9