HTML系列（二）：头部meta元素
有关name:
html
1、页面关键字数据库
网站关键字：用户经过搜索引擎能搜到该网站的词汇。最好控制在10个之内。缓存
基本语法：安全
<meta name="keywords" content="具体的关键字">cookie
示例代码：网站
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="GBK">
5 <title>阿里旅行·去啊：机票预订,酒店查询,客栈民宿,旅游度假,门票签证</title>
6 <meta name="keywords" content="机票,机票预订,飞机票查询,航班查询,酒店预订,特价酒店,酒店团购,特点客栈,旅游度假,门票,签证,台湾通行证,旅游,旅行,自由行线路,阿里旅行,去啊">
7 </head>
8 <body>
9 </body>
10 </html>
2、页面描述ui
基本语法：搜索引擎
<meta name="description" content="具体的页面描述">编码
示例代码：url
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="GBK">
5 <title>阿里旅行·去啊：机票预订,酒店查询,客栈民宿,旅游度假,门票签证</title>
6 <meta name="description" content="阿里旅行·去啊是阿里巴巴旗下的综合性旅游出行服务平台。阿里旅行·去啊整合数千家机票代理商、航空公司、旅行社、旅行代理商资源，直签酒店，客栈卖家等为广大旅游者提供特价机票，酒店预订，客栈查询，国内外度假信息，门票购买，签证代理，旅游卡券，租车，邮轮等旅游产品的信息搜索，购买及售后服务。全程采用支付宝担保交易，安全、可靠、有保证。"/>
7 <meta name="keywords" content="机票,机票预订,飞机票查询,航班查询,酒店预订,特价酒店,酒店团购,特点客栈,旅游度假,门票,签证,台湾通行证,旅游,旅行,自由行线路,阿里旅行,去啊">
8 </head>
9 <body>
10 </body>
11 </html>
3、设定做者信息
设定网站做者的名称，语法：
<meta name="author" content="做者信息">
4、限制搜索方式
robots用于定义网页搜索引擎索引方式，搜索引擎的按期搜索方式就是每隔一段时间，搜索引擎主动对必定IP地址内的网站进行检索，一旦发现新的网站就自动提取网站信息加入本身的数据库，搜索引擎的搜索机器人会沿着网页上的连接不断地检索资料创建本身的数据库。如何限制本身的网站不被检索到？
有关http-equiv:
5、网页语言文字
基本语法一：
<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等。
6、定时跳转页面
基本语法：
<meta http-equiv="refresh" content="10;url=http://www.cnblogs.com/csxiaoyu/"/>
refresh用于刷新与跳转页面，content属性记录多少秒后跳转和跳转的网址。
也能够刷新本页面，如5秒后刷新本页面：
<meta http-equiv="refresh" content="5"/>
7、设定网页缓存过时时间
基本语法：
<meta http-equiv="expires" content="Sunday 20 October 2017 12:00 GMT"/>
时间必须使用GMT格式，content设置具体的时间值。
8、删除过时的cookie
若是网页过时，那么删除存盘的cookie:
<meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Sunday 20 October 2017 12:00 GMT;path="/>
9、设置网页过渡效果
当用户进入或离开网页时呈现的不一样效果。
基本语法：
<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 | 随机 |
- 1. HTML 头部元素
- 2. HTML --头部元素
- 3. Html头部meta标签
- 4. HTML meta头部小结
- 5. html标签之头部元素
- 6. meta元素
- 7. HTML head-base -link - style -meta -title元素
- 8. < meta > 元素
- 9. html元素和body元素的关系
- 10. meta元素的用法
- 更多相关文章...
- • ionic 头部与底部 - ionic 教程
- • ionic 头部和底部 - ionic 教程
- • Docker容器实战(七) - 容器眼光下的文件系统
- • RxJava操作符（二）Transforming Observables
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. HTML 头部元素
- 2. HTML --头部元素
- 3. Html头部meta标签
- 4. HTML meta头部小结
- 5. html标签之头部元素
- 6. meta元素
- 7. HTML head-base -link - style -meta -title元素
- 8. < meta > 元素
- 9. html元素和body元素的关系
- 10. meta元素的用法