zoukankan      html  css  js  c++  java
  • 豆知识扩展:HTML<meta> tag

    豆知识:

    HTML<meta> tag

    Metadata 是关于数据的信息。

    The <meta> tag provides metadata关于网页。Metadat不会显示在webpage上,他只用于机器解析。

    Meta元素用于指定网页描述,关键字,作者信息等。

    metadata能够被用于浏览器(如何显示内容或加载网页),搜索引擎(keywords),或者其他网页服务。

    web designers take control over the viewport (the user's visible area of a web page), through the <meta> tag 

     

    Tips and Notes

    meta标签在head标签内部。

    Metadata 是键/值 对儿的表现形式。

    如果name被定义了,content必须被定义。

    Setting The Viewport

    HTML5 introduced a method to let web designers take control over the viewport, through the <meta> tag.

    viewport是一个网页上,用户可见的区别。 它根据设备不同而改变大小(phone, ipad)。

    在你的网页中,你应该包含以下元素。 

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    A <meta> viewport element gives the browser instructions on how to control the page's dimensions and scaling.

    The width=device-width  根据设备屏幕宽度设置网页的宽度。

    The initial-scale=1.0 设置当在网页被加载的开始的zoom level


    具体w3c: https://www.w3schools.com/Tags/tag_meta.asp

    还可以设置author, description, generator , keywords。

    在Ruby on rails 这是自动产生的。 

  • 相关阅读:
    云栖大会2020
    云栖大会2020
    云栖大会2020
    《利用知识图提高抽象摘要的事实正确性》
    onkeyup="this.value=this.value.replace(/[^1-9]D*$/,'')"
    javamail发送excel附件
    model.org.orgId
    window.parent.returnValue
    删除了用户的org和role
    window.top.popForm()表单以窗口的形式弹出
  • 原文地址:https://www.cnblogs.com/chentianwei/p/9183799.html
Copyright © 2011-2022 走看看