zoukankan      html  css  js  c++  java
  • 元信息标签<meta>

    1. 设定关键字:提高搜索引擎中被收索到的几率

        <meta name="keyword" content="value" />
    如:

       <meta name="keyword" content="音乐,摇滚,爵士,mp3" />

    注意:

       ①大多数搜索引擎在检索的时候都会限制关键字的数量,有时关键字过多,则该网页在检索中会被忽略

       ②关键字之间应该用逗号分隔

    2.设定描述:用以将网站的主题描述清楚

       <meta name="discription" content="value" />

    如:

       <meta name="discription" content="这是一个详尽介绍HTML语法的网站" />

    注意:

          和关键字差不多,为方便搜索引擎搜索,内容应该简明扼要

    3.设定自动刷新:每隔几秒钟后刷新页面的内容

       <meta http-equiv="refresh" content="value" />

    如:

       <meta http-equiv="refresh" content="180" />——每隔3分钟就刷新页面内容

    4.设定自动跳转:实现页面之间的跳转过程

       <meta http-equiv="refresh" content="value ; url=url_value" />

    如:

       <meta http-equiv="refresh" content="5 ; url=http://cn.yahoo.com" />

    5.设定转场效果:网页切换效果(但并不是所有浏览器都支持)

       <meta http-equiv="event事件" content="revealtrans(duration=value , transition=number)" />

    说明:

    event事件:page-enter --------   表示进入网页时有的网页切换效果

                    page-exit   --------   表示退出网页时有的网页切换效果

    duration=value        -------   网页切换效果的延续时间

    transition=number   --------  切换效果的方式编号

    编号参考:(来自:http://www.cnblogs.com/esshs/articles/157588.html

                        0 矩形缩小
           1 矩形扩大
           2 圆形缩小
           3 圆形扩大
           4 下到上刷新
           5 上到下刷新
           6 左到右刷新
           7 右到左刷新
           8 竖百叶窗
           9 横百叶窗
           10 错位横百叶窗
           11 错位竖百叶窗
           12 点扩散
           13 左右到中间刷新
           14 中间到左右刷新
           15 中间到上下
           16 上下到中间
           17 右下到左上
           18 右上到左下
           19 左上到右下
           20 左下到右上
           21 横条
           22 竖条
           23 以上22种随机选择一种


    拓展阅读:

    http://www.cnblogs.com/esshs/articles/157588.html

     

  • 相关阅读:
    css3边框阴影属性
    web移动端浮层滚动阻止window窗体滚动JS/CSS处理
    css3字体尺寸font-size-adjust属性
    css3文本溢出使用省略标记(…)
    exports 和 module.exports 的区别
    微信小程序——try {} catch (e) {}
    flex布局
    微信小程序——data-*自定义属性
    CSS 隐藏滚动条 但可以滚动
    event.target 和 event.currentTarget 的区别
  • 原文地址:https://www.cnblogs.com/KeenLeung/p/2676505.html
Copyright © 2011-2022 走看看