美文网首页
meta标签、利用媒体查询 link不同的CSS文件

meta标签、利用媒体查询 link不同的CSS文件

作者: CungZi | 来源:发表于2017-03-24 09:47 被阅读0次

    利用媒体查询 link不同的CSS文件:
    <link rel="stylesheet" media="screen and (min-width:1px) and (max-width:500px)" href="/css/d1.css" />
    <link rel="stylesheet" media="screen and (min-width:500px)" href="/css/d2.css" />

    meta标签:
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />

    meta是html语言head区的一个辅助性标签。
    meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等。
    meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性。
    1、name属性

    A、Keywords(关键字)

    说明:keywords用来告诉搜索引擎你网页的关键字是什么。

    举例:<metaname="keywords"content="信息参数">

    B、description(网站内容描述)

    说明:description用来告诉搜索引擎你的网站主要内容。

    举例:<metaname="description"content="信息参数">

    C、robots(机器人向导)

    说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

    content的参数有all,none,index,noindex,follow,nofollow。默认是all。

    举例:<metaname="robots"content="none">

    D、author(作者)

    说明:标注网页的作者

    举例:<metaname="author"content="root,root@xxxx.com">

    2、http-equiv属性
    使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。

    A、Expires(期限)

    说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

    用法:<metahttp-equiv="expires"content="Fri,12Jan200118:18:18GMT">

    注意:必须使用GMT的时间格式。

    B、Pragma(cache模式)

    说明:禁止浏览器从本地计算机的缓存中访问页面内容。

    用法:<metahttp-equiv="Pragma"content="no-cache">

    注意:这样设定,访问者将无法脱机浏览。

    C、Refresh(刷新)

    说明:自动刷新并指向新页面。

    用法:<metahttp-equiv="Refresh"content="2;URL=http://www.jb51.net">(注意后面的引号,分别在秒数的前面和网址的后面)

    注意:其中的2是指停留2秒钟后自动刷新到URL网址。

    D、Set-Cookie(cookie设定)

    说明:如果网页过期,那么存盘的cookie将被删除。

    用法:<metahttp-equiv="Set-Cookie"content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">

    注意:必须使用GMT的时间格式。

    E、Window-target(显示窗口的设定)

    说明:强制页面在当前窗口以独立页面显示。

    用法:<metahttp-equiv="Window-target"content="_top">

    注意:用来防止别人在框架里调用自己的页面。

    F、content-Type(显示字符集的设定)

    说明:设定页面使用的字符集。

    用法:<metahttp-equiv="content-Type"content="text/html;charset=gb2312">

    G、content-Language(显示语言的设定)

    用法:<metahttp-equiv="Content-Language"content="信息参数"/>

    H、Cache-Control指定请求和响应遵循的缓存机制

    在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。
    请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached,
    响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。

    此文站转载自http://www.cnblogs.com/mo-cha/p/6066175.html

    相关文章

      网友评论

          本文标题:meta标签、利用媒体查询 link不同的CSS文件

          本文链接:https://www.haomeiwen.com/subject/xvycuttx.html