• 关于meta 总结


    说来惭愧,以前从未重视过meta 只是以为这些都是固定的写法,标记网页语言。周末去图书馆看了HTML5从入门到精通 关于meta 才知道里面的知识点很多很大:明天整理

    转自(目录很清晰):http://www.haorooms.com/post/html_meta_ds
    http://www.haorooms.com/post/html_meta_ds
    https://www.cnblogs.com/mominger/p/4534130.html

    name 参数

       <meta name="参数"  content=" 具体描述">

         A. keywords(关键字):用于告诉搜索引擎,你网页的关键字

             <meta  name = 'keywords'  content = ' 博客 ,文科生,前端' >

        B. description(网站内容描述):告诉搜索引擎,你网站的内容

            <meta  name = ' description'  content = '理科生,热爱前端与编程。这是我的前端博客'>

        C. viewport (移动端窗口) : 设计移动端页面

            <meta name = 'viewport' content = 'width=device-width , intial-scale=1'>

        D. robots (定义搜索引擎爬虫的索引方式):用来告诉爬虫哪些页面需要索引,哪些页面不需要索引

            <meta name = 'robots'  content = 'none' >

            content 参数

            1.none 搜索引擎将忽略网页,等价于noindex ,nofollow

            2.noindex 搜索引擎不索引此网页

            3.nofollow 搜索引擎将不继续通过此网页的链接索引搜索其它页面

            4.all 搜索引擎索引此网页与继续通过此网页的链接索引,等价于index,follow

            5.index 搜索引擎索引此网页

            6.Follow 搜索引擎继续通过此网页的链接索引搜索其它的网页

        E author (作者): 用于标注网页作者

            <meta name = ‘author’ content = ‘lxxyxx,123456789@163.com’>  

        F generator(网页制作):标明网页使用什么软件编写的

            <meta name = ‘generator’ content=’Sublime Text3’>

           G copyright(版权):用于标注版权信息

            <meta name = ‘copyright’ content = ‘lxxyx’>//代表该网站为lxxyx个人版权所有

        H revisit-after(搜索引擎爬虫 重访时间):如果页面不经常更新,为了减轻搜索引擎爬虫对服务器带来的压力,可以设置一个爬虫的重访时间。如果重访时间过短,爬虫将按他们定义的默认时间访问。

            <meta name = ‘revisit-after’ content=’7 days’ >

        I. renderer(双核浏览器渲染方式):renderer 专门为双核浏览器装备的,用于指定双核浏览器默认以何种方式渲染页面,比如360浏览器

            <meta name = ‘renderer’ content=’webkit’>//默认webkit内核

            <meta name = ‘renderer’ content=ie-comp>//默认IE 兼容模式

            <meta name = ‘renderer’ content=ie-stand>//默认IE标准模式

     

    2.http-equiv属性

     

    <meta http-equiv="参数" content="具体的描述">

     

        A.content-Type(设定网页字符集)

     

            <meta http-equiv=’content-Type’ content=’text/html;charset=utf-8’>//旧的HTML,不推荐GB2312时,代表说明网站是采用的编码是简体中文;ISO-8859-1时,代表说明网站是采用的编码是英文;UTF-8时,代表世界通用的语言编码;

     

            <meta charset=’utf-8’>//html5设定网页字符集的方式,推荐使用UTF-8

     

        B. X-UA-Compatible(浏览器采取何种版本渲染当前页面)

     

            <meta http-equiv=’X-UA_Compatible’ content=’IE=edge,chrome=1’>//指定IEChrome使用最新版本渲染当前页面

     

        C. Cache-control(指定请求和响应遵循的缓存机制)

     

            <meta http-equiv=’cache-control’ content = ‘no-cache’>

     

              no-cache 先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存。

     

              no-store 不允许缓存,每次都要去服务器上下载完成的响应。(安全措施)

     

              public 缓存所有响应,但并非必须。因为max-age也可以做到相同效果

     

              private只为单个用户缓存,不能被共享缓存处理(譬如CDN不允许缓存private的响应)

     

              max-age 表示当前请求开始,该响应在多久内能被缓存和重用,而不去服务器重新请求。例如:max-age = 60 表示响应可以再缓存和重用60

     

              no-siteapp 禁止百度转码

     

        D expires(网页到期时间):用于设定网页的到期时间,过期后网页到服务器重新传输

     

            <meta http-equiv =’expires’ content=’Sunday 26 October 2016 01:00’>

     

        E refresh(自动刷新并指向某页面):将在设定的时间内,自动刷新并调向设定的网址

     

            <meta http-equiv=’refresh’ content = ‘2;URL=http:www.baidu.com’>//2秒后跳向百度

     

        F set-cookie(cookie 设定):如果网页过期,那么这个网页存在本地的cookies也会被删除

     

            <meta http-equiv=”set-cookie” content=”name,data”>//格式

     

            <meta http-equiv=”set-cookie” content="cookie value=xxx;expires=Friday,12-Jan-2001 18:18:18GMTpath=/">

    PS:收录了大部分meta用法,后期有项目需求,继续添加

     

     

  • 相关阅读:
    bootstrap 超大屏幕(Jumbotron)
    Bootstrap历练实例:激活导航状态
    Bootstrap 徽章(Badges)
    Bootstrap历练实例:标签修饰
    Bootstrap 标签
    bootstrap 翻页的状态
    [uiautomator篇][10] uiautomator进阶
    [adb 学习篇] adb pull
    安装adb工包
    [python IO学习篇] 补充中文编码
  • 原文地址:https://www.cnblogs.com/llllpzyy/p/7880292.html
Copyright © 2020-2023  润新知