• html5_头部七元素_meta元素


    <meta.../>用于定义页面元信息,它是由name和content这样的名值对组成。

    meta内部可以指定五个属性:id、http-equiv、name、content、charset。

    主要认识后面四个:

    http-equiv(超文本协议标题信息):指定元信息的名称,与name不同的是该名称是固定的且有特殊含义。

    http-equiv主要支持的值:

      1.expires

      指定网页的过期时间,一旦过期需要从服务器上重新下载

      (感觉cache-control更常用一点)

    <meta http-equiv="expires" content="0"/>

      2.pragma

      禁止浏览器从本地磁盘缓存中获取内容,浏览器一旦离开改网页就无法脱机访问该页面。

    <meta http-equiv="pragma" content="no-cache"/>

      3.refresh

      指定浏览器多长时间后自动刷新指定页面。

    <meta http-equiv="refresh" content="2"/> 
    <!--2秒后自动刷新当前页面--> 
    <meta http-equiv="refresh" content="2;URL=http://www.baidu.com"/> 
    <!--2秒后自动刷新并跳转到"http://www.baidu.com"网页-->

      4.set-cookie

      设置cokkie,如果网页过期,客户端上的cokkie也将被删除。

    <meta http-equiv="set-cokkie"  content="name=value expires= Sat Sep 27 16:12:36 CST 2008,path=/"/>
    <!--必须使用GMT格式>

      5.content-type

      设定页面使用的字符集,一般为UTF-8;

    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>

      6.window-target

      强制当前页面以独立的页面打开,避免被引用的到其它网页的框架内。

    <meta http-equiv="window-target" content="_top"/>

      7.Page_Enter,Page_Exit

      进入页面时的特效:

    <meta http-equiv="Page_Enter"  content="revealTrans(duration=1.0,transition=12)"/>

      离开页面时的特效:

    <meta http-equiv="Pge-Exit" content="revealTrans(duration=1.0,transition=12)"/>

      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    随机产生一种过渡方式 

      8.清除缓存

    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="cache-control" content="max-age=7200"/>

      9.关键字

      指定关键字,便于搜索引擎搜索

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>

      10.页面描述

    <meta http-equiv="description" content="This is a page">

    name:指定元信息的名称,该名称值可以随意指定。

    content:指定元信息的值。

    charset:指定该页面的字符集。

    2020.2.16补充:Page-Enter等好多属性很多浏览器并不支持,看看就好,特效之类的还是用JS去写比较好。常见的属性值只有七个,分别是:content-type定义文档字符集,keywords关键词,description内容摘要,expires设置网页期限,refresh设置刷新时间和跳转页面,pics-label网页缓存时间设置,reply-to回复地址。其中前三个是需要重点掌握的。

  • 相关阅读:
    perlcgiform2
    Linux的Find使用
    perl去除字符串前后的空格
    SQL快速查找
    026*:冷热启动优化、二进制重排、clang插桩(Header、Load Commands 、segment)(main函数前、main函数后)重签名 、ASLR、(PageFault 、System Trace、order文件)fsanitizecoverage=func,tracepcguard Dl_info
    阿里面试题:缓存的一些常见的坑,你遇到过哪些,怎么解决的?
    公司有着 30 多年经验的程序员被辞退了
    PHP7.3报错undefined function simplexml_load_string()(已解决)
    swoole框架中退出命令行程序仍然运行 php a.php &
    mysql服务器cpu爆满解决办法
  • 原文地址:https://www.cnblogs.com/Syinho/p/12310107.html
Copyright © 2020-2023  润新知