HTML系列(二):头部meta元素
有关name:

一、页面关键字
网站关键字:用户通过搜索引擎能搜到该网站的词汇。最好控制在10个以内。
基本语法:
<meta name="keywords" content="具体的关键字">
示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="GBK">
<title>阿里旅行·去啊:机票预订,酒店查询,客栈民宿,旅游度假,门票签证</title>
<meta name="keywords" content="机票,机票预订,飞机票查询,航班查询,酒店预订,特价酒店,酒店团购,特色客栈,旅游度假,门票,签证,台湾通行证,旅游,旅行,自由行线路,阿里旅行,去啊">
</head>
<body>
</body>
</html>
二、页面描述
基本语法:
<meta name="description" content="具体的页面描述">
示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="GBK">
<title>阿里旅行·去啊:机票预订,酒店查询,客栈民宿,旅游度假,门票签证</title>
<meta name="description" content="阿里旅行·去啊是阿里巴巴旗下的综合性旅游出行服务平台。阿里旅行·去啊整合数千家机票代理商、航空公司、旅行社、旅行代理商资源,直签酒店,客栈卖家等为广大旅游者提供特价机票,酒店预订,客栈查询,国内外度假信息,门票购买,签证代理,旅游卡券,租车,邮轮等旅游产品的信息搜索,购买及售后服务。全程采用支付宝担保交易,安全、可靠、有保证。"/>
<meta name="keywords" content="机票,机票预订,飞机票查询,航班查询,酒店预订,特价酒店,酒店团购,特色客栈,旅游度假,门票,签证,台湾通行证,旅游,旅行,自由行线路,阿里旅行,去啊">
</head>
<body>
</body>
</html>
三、设定作者信息
设定网站作者的名称,语法:
<meta name="author" content="作者信息">
四、限制搜索方式
robots用于定义网页搜索引擎索引方式,搜索引擎的定期搜索方式就是每隔一段时间,搜索引擎主动对一定IP地址内的网站进行检索,一旦发现新的网站就自动提取网站信息加入自己的数据库,搜索引擎的搜索机器人会沿着网页上的链接不断地检索资料建立自己的数据库。如何限制自己的网站不被检索到?

有关http-equiv:
五、网页语言文字
基本语法一:
<meta http-equiv="content-language" content="zh-CN"/>
content-language为http-equiv属性值,用以标记页面语言,content取值为语言代码,格式为“语言代码-国家代码”,“zh-CN”表示中文-中国。
基本语法二:
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
content-type用于定义文件的类型和网页的编码。常见编码类型有ASCII, ISO8859-1, GB2312, GBK, UTF-8, UTF-16等。
六、定时跳转页面
基本语法:
<meta http-equiv="refresh" content="10;url=http://www.cnblogs.com/csxiaoyu/"/>
refresh用于刷新与跳转页面,content属性记录多少秒后跳转和跳转的网址。
也可以刷新本页面,如5秒后刷新本页面:
<meta http-equiv="refresh" content="5"/>
七、设定网页缓存过期时间
基本语法:
<meta http-equiv="expires" content="Sunday 20 October 2017 12:00 GMT"/>
时间必须使用GMT格式,content设置具体的时间值。
八、删除过期的cookie
如果网页过期,那么删除存盘的cookie:
<meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Sunday 20 October 2017 12:00 GMT;path="/>
九、设置网页过渡效果
当用户进入或离开网页时呈现的不同效果。
基本语法:
<meta http-equiv="page-enter" content="revealtrans(duration=5,transtion=1)"/>
<meta http-equiv="page-exit" content="revealtrans(duration=5,transtion=1)"/>
page-enter表示进入页面时启用特效,page-exit表示离开页面启用特效,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 | 随机 |
HTML系列(二):头部meta元素的更多相关文章
- HTML5系列二(标签元素、FileReader、拖放)
nav元素的使用场合 页面中可以包含多个nav元素,通常情况下头部和尾部都会包含导航,这样提高了可访问性,访客能够清晰的将其辨认出来.nav元素是一个可以用来作为页面导航的链接组:其中的导航元素链接到 ...
- Meta元素可视区
一.网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放. <meta name="viewport" cont ...
- 【HTML5开发系列】meta元素详解
meta元素可以用来定义文档的各种元数据.他有很多种用法,一个HTML文档可以包含多个meta元素. meta元素在HTML5中的变化 charset属性是HTML5中新增的.在HTML4中,http ...
- < meta > 元素
< meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we ...
- Web 开发人员和设计师必读文章推荐【系列二十九】
<Web 前端开发精华文章推荐>2014年第8期(总第29期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...
- Web 前端开发人员和设计师必读精华文章【系列二十六】
<Web 前端开发精华文章推荐>2014年第5期(总第26期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...
- Web 前端开发精华文章推荐(HTML5、CSS3、jQuery)【系列二十三】
<Web 前端开发精华文章推荐>2014年第2期(总第23期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...
- Web 前端开发精华文章推荐(HTML5、CSS3、jQuery)【系列二十二】
<Web 前端开发精华文章推荐>2014年第一期(总第二十二期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML ...
- 【圣诞特献】Web 前端开发精华文章推荐【系列二十一】
<Web 前端开发精华文章推荐>2013年第九期(总第二十一期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 ...
随机推荐
- Struts2 二、为Action的参数注入值
为Action参数注入值,主要使用在的场景为,Action的一个参数的值不是固定的是可以改变的,所以不能直接写在Action中,可以通过Struts配置的方式将值配置到Struts中,然后通过注入的方 ...
- php的stdClass类
在PHP内核进行模块初始化操作时会自动加载这个函数, 这样,stdClass类的注册操作也就会被执行了.stdClass类是一个没有成员变量也没有成员方法的类. 它的所有的魔术方法,父类.接口等在初始 ...
- kobox: key_proc.c -v1 怎样使用proc文件系统调试驱动
使用proc文件系统能够非常方便调试驱动.查看驱动中的一些数据 平台:TQ2440 系统版本号: root@ubuntu:/mnt/shared/kobox# uname -a Linux ubunt ...
- Qemu之Network Device全虚拟方案二:虚拟网卡的创建
上文针对Qemu在前端网络流路径的建立方面做了具体的描写叙述.数据包从Host的物理网卡经过Host Linux内核中的Bridge, 经过Tap设备到达了Qemu的用户态空间.而Qemu是怎样把数据 ...
- windows 环境怎样恢复 (oracle 11g grid) ocr voting 损坏的集群
windows 环境怎样恢复 (oracle 11g grid) ocr voting 损坏的集群 oracle 11g 以后 ocr 能够放到 asm 磁盘上,而ASM的启动依赖于ocr和vo ...
- 执行SQL查询脚本
static void Main(string[] args) { Console.WriteLine("输入用户编号:"); string cusernum = Console. ...
- XCode常用快捷键(转)
刚开始用Xcode是不是发现以前熟悉的开发环境的快捷键都不能用了?怎么快捷运行,停止,编辑等等.都不一样了.快速的掌握这些快捷键,能提供开发的效率. 其实快捷键在Xcode的工具栏里都标注有,只是有的 ...
- android的Home键的监听封装工具类(一)
android的Home键的监听封装: package com.gzcivil.utils; import android.content.BroadcastReceiver; import andr ...
- leetcode First Missing Positive python
class Solution(object): def firstMissingPositive(self, nums): """ :type nums: List[in ...
- Js把URL中的参数解析为一个对象
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title&g ...