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 和 ...
随机推荐
- mysql DBI 事务控制
事务: 事务是任何健壮数据库系统的基本组成,它们 防止错误和数据库腐败通过确保有关数据的改变是原子发生的(不可分割的,要么所有要么什么都不做) 这个章节应用于数据库支持事务和 AutoCommit 是 ...
- Linux学习笔记1:配置Linux网络和克隆虚拟机并更改配置
一.配置Linux网络 在安装Linux的时候,一定要保证你的物理网络的IP是手动设置的,要不然会在Linux设置IP连通网络的时候会报network is unreachable 并且怎么也找不到问 ...
- 如何在ASP.NET中用C#将XML转换成JSON 【转】
本文旨在介绍如果通过C#将获取到的XML文档转换成对应的JSON格式字符串,然后将其输出到页面前端,以供JavaScript代码解析使用.或许你可以直接利用JavaScript代码通过Ajax的方 ...
- Effective C++ 条款18
让接口easy被正确使用,不easy被误用 如题目,我们自己的程序接口是面向用户的,程序的目的不可是解决这个问题,并且要让用户easy使用.所以.必须保证我们的程序接口具有非常强的鲁棒性. 怎么保证接 ...
- VMware vSphere Client为虚拟机制定物理网卡(图文并茂)
1.首先,查看我的服务器有几张网卡,如下图共3张,接下来我将为虚拟主机制定一张网卡,以及为当中的两台虚拟的CentOS7各制定一张网卡. 2.打开“硬件”---->“网络”,如图,已经启用一张网 ...
- Spring 4.0 中的 WebSocket 架构
两年前,客户端与服务器端的全双工双向通信作为一个很重要的功能被纳入到WebSocket RFC 6455协议中.在HTML5中,WebSocket已经成为一个流行词,大家对这个功能赋予很多构想,很多时 ...
- list去重 转载
http://blog.csdn.net/huaishuming/article/details/47778319 1. 单个List 去重: 如果用的是Set集合就不用怕重复的问题了,如果用的Lis ...
- JVM学习之常见溢出类型
Java堆 所有对象的实例分配都在Java堆上分配内存,堆大小由-Xmx和-Xms来调节,sample如下所示: public class HeapOOM { static class OOMObje ...
- mysql 全文检索的匹配问题
开发过程中碰到一个关于mysql 全文检索的问题,控制台打印的SQL语句拿到数据库里执行,结果不对.后来发现原来是少了双引号.下面是网上找到的资料,我是看到这个才意识到自己的问题. 这是之前在数据库执 ...
- eclipse 异常Unhandled event loop exception
出了这一类的异常问题,大都是一些图像优化软件插件等等. 出现的问题大都是,一些eclipse模块不显示,或者点击不反应,出现最多的次数是点击断点的时候. 我这里是Catalyst Control Ce ...