有关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元素的更多相关文章

  1. HTML5系列二（标签元素、FileReader、拖放）

    nav元素的使用场合 页面中可以包含多个nav元素,通常情况下头部和尾部都会包含导航,这样提高了可访问性,访客能够清晰的将其辨认出来.nav元素是一个可以用来作为页面导航的链接组:其中的导航元素链接到 ...

  2. Meta元素可视区

    一.网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放. <meta name="viewport" cont ...

  3. 【HTML5开发系列】meta元素详解

    meta元素可以用来定义文档的各种元数据.他有很多种用法,一个HTML文档可以包含多个meta元素. meta元素在HTML5中的变化 charset属性是HTML5中新增的.在HTML4中,http ...

  4. < meta > 元素

    < meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we ...

  5. Web 开发人员和设计师必读文章推荐【系列二十九】

    <Web 前端开发精华文章推荐>2014年第8期(总第29期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...

  6. Web 前端开发人员和设计师必读精华文章【系列二十六】

    <Web 前端开发精华文章推荐>2014年第5期(总第26期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...

  7. Web 前端开发精华文章推荐（HTML5、CSS3、jQuery）【系列二十三】

    <Web 前端开发精华文章推荐>2014年第2期(总第23期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...

  8. Web 前端开发精华文章推荐（HTML5、CSS3、jQuery）【系列二十二】

    <Web 前端开发精华文章推荐>2014年第一期(总第二十二期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML ...

  9. 【圣诞特献】Web 前端开发精华文章推荐【系列二十一】

    <Web 前端开发精华文章推荐>2013年第九期(总第二十一期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和  ...

随机推荐

  1. DIV+CSS规范命名

    一.命名规则说明: 1).所有的命名最好都小写2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="div ...

  2. Unity3d GUI弹窗

    ArrayList w_position = new ArrayList(); void OnGUI() { if (GUILayout.Button("Open")) { if ...

  3. PLA能收敛的证明

    题:如果资料D线性可分,PLA如何保证最后能得到最优解. 思路:假设$w_f$能够分割资料D,$w_{t+1}$经过更新$w_{t+1}=w_t + y_{n(t)}x_{n(t)}$后,与$w_f$ ...

  4. [amazonaccess 1]logistic.py 特征提取

    ---恢复内容开始--- 本文件对应logistic.py amazonaccess介绍: 根据入职员工的定位(员工角色代码.角色所属家族代码等特征)判断员工是否有访问某资源的权限 logistic. ...

  5. 简单QT界面信号图形化输入输出

    右键->转到槽,选择信号 就可以输入代码 右键->转到槽,选择信号 就可以输入代码 2个文本框接受输入数字,第3个文本框输出相加结果 void Dialog::on_pushButton_ ...

  6. jQuery+PHP实现的砸金蛋中奖程序

    准备 我们需要准备道具(素材),即相关图片,包括金蛋图片.蛋砸碎后的图片.砸碎后的碎花图片.以及锤子图片. HTML 我们页面上要展现的是一个砸金蛋的台子,台上放了编号为1,2,3的三个金蛋,以及一把 ...

  7. Linux下Oracle常见安装错误[Z]

    #./runInstaller之后出现如下的错误信息: RedHat AS5 x86上安装Oracle1020 Exception in thread "main" java.la ...

  8. iOS 任意类型数据转换字符串

    //转换数据类型: NSError *parseError = nil; NSData *jsonData = [NSJSONSerialization dataWithJSONObject:resp ...

  9. source、sh、bash、./执行脚本的区别

    1.source命令用法: source FileName 作用:在当前bash环境下读取并执行FileName中的命令.该filename文件可以无"执行权限" 注:该命令通常用 ...

  10. poj2891--扩展欧几里德算法

    /* 该题使用的是扩展欧几里德算法,求模线性同余方程: 分析题目:以题目输出结果为例 ,要求得到一个整数X可以满足 X % a = r,a,r,为数组名: 设数组元素为两个时, 列出方程:X % a1 ...