HTML系列 ->

 

  1. <meta> 标签:
           
           <meta>标签是网页代码中<head>区的一个关键标签,其提供的信息虽然用户不可见,但却是文档的最基本的元信息。
           <meta>标签可以定义文档的各种元数据,提供各种文档信息,通俗点说就是可以理解为提供了关于网站的各种信息。比如:针对搜索引擎和更新频度的描述和关键词, 再比如,加入meta描述,可以方便用户去阅读,同时可以在搜索结果中增加点击率。
           



  2. charset="utf-8"
           charset 是<meta>标签的一个属性,是用来定义文档的字符编码。

           “utf-8”是其中的一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式,下一步浏览器做好“翻译”工作。常见的字符编码有:gb2312、gbk、unicode、utf-8。

    各个字符编码含义: 

           gb2312代表国家标准第2312条,其中是不包含繁体的。

           gbk国家标准扩展版(增加了繁体,包含所有亚洲字符集)。 

           unicode万国码(字面意思你也懂的)。 

           【注】:**utf-8:**unicode的升级版。



  3. <meta>标签相关属性举例:

    1. <meta name="apple-mobile-web-app-capable" content="yes" />

             1> 这个的作用就是删除默认的苹果工具栏和菜单栏;
      content 默认值是 no, 即显示;
             2> 如果设置 content 为 yes,web应用以全屏模式运行,否则不会在全屏中运行。

    2. <meta name=”apple-mobile-web-app-status-bar-style” content=black” />

             1> 默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
             2> 注意: 若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。

    3. <meta http-equiv="X-UA-Compatible" content="IE=edge" />

             Edge 模式通知 Windows Internet Explorer 以*别的可用模式显示内容,这实际上破坏了“锁定”模式。

      【注】:详情可参考:https://www.cnblogs.com/lxzltg/p/5101623.html
    4. <meta name="viewport" content="width=device-width, initial-scale=1.0" />

      content属性值 :
           width:可视区域的宽度,值可为数字或关键词device-width
           height:同width
           intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
           maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
           maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
           user-scalable:是否可对页面进行缩放,no 禁止缩放
       



 

 

 

参考链接:

  1. HTML中的meta标签常用属性及其作用总结 (较为详尽,非常值得参考)
  2. html标签中的meta charset="utf-8" 的作用
  3. https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta (Mozilla开发者社区)
  4. 在HTML中使用meta标签的基础知识和最佳实践 (博客中解释了meta标签的相关背景)
  5. META标签指南:哪些meta标签该用哪些不该用? (介绍了哪些常用和不常用的属性)
  6. https://www.w3school.com.cn/html5/tag_meta.asp  (W3school , 相比之下更加简洁明了)
  7. http://c.biancheng.net/view/7568.html  (介绍meta 标签中的属性,在博客中的排版是最好看的)
  8. https://blog.csdn.net/weixin_38465623/article/details/80715401 (在第三部分做了引用)


如果在项目中遇到<meta>的其他属性,会再次更新~ 感谢大牛们之前的分享~

HTML系列 -> <meta charset="utf-8">

上一篇:两张图让你搞清楚Oracle 数据库的 union all、union、intersect、minus以及各种sql joins


下一篇:Android数据存储