在编写html前端的时候,对于很多头部属性不够理解,网上查询的解释记录一下

话不多说,直接开始

 

<html lang="en"> 

此属性无关紧要,不会影响代码,只是告知浏览器使用的是英语还是其他,对国内的浏览器来说就是打开网页的时候会弹出是否需要翻译;

 

<meta charset="utf-8">  

charset 是<meta>标签的一个属性,是用来定义文档的字符编码。

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

常见的字符编码有:gb2312、gbk、unicode、utf-8。

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

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

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

 utf-8:utf-8是unicode的升级版,代表世界通用的语言编码

 

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

Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容

 

<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 禁止缩放