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

时间：2021-09-01 21:51:30 阅读：8 评论：0 收藏：0 [点我收藏+]

<meta> 标签：

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

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

各个字符编码含义：

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

gbk：国家标准扩展版（增加了繁体，包含所有亚洲字符集）。

unicode：万国码（字面意思你也懂的）。

【注】：**utf-8：**unicode的升级版。
<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 禁止缩放
  
  【注】：详情可参考：https://www.cnblogs.com/yelongsan/p/7975580.html

参考链接：

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

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

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

原文：https://www.cnblogs.com/z7luv/p/15207361.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)