前端基础之头部几个基础标签解析

< head> 双标签里的内容作为一个HTML文件的头部，主要声明了网页的标题与编码方式等，下面就来具体总结一下哪些标签控制标题哪些标签声明编码方式。

< meta charset=“utf-8”>,这个标签就是用来声明网页的编码方式，utf-8是现在使用比较广泛的一种编码方式，能够识别中文，声明这种编码方式能够避免出现中文乱码，除此之外还有许多其他编码方式，有兴趣可自行百度。

< meta name=“viewport” content=“width=device-width,initial-scale=1.0”> 这个标签中的name属性是告诉浏览器，这个标签起什么作用，viewport的意思是视图窗口，也就是说这个标签是用来控制一些关于视图窗口的操作的。

content属性:
		- width：控制网页视图宽度，可以是具体的数字，为device-width代表设备宽度
		- height:控制网页视图高度，值与width一样
		- initial-scale：页面初始缩放级别，为1.0代表网页实际尺寸，无缩放
		- maximum-scale:允许用户最大缩放值，值为数字，可带小数
		- minimum-scale：允许用户最小缩放值，值为数字，可带小数
		- user-scalable：是否允许用户进行缩放操作，值有yes或no，yes为允许，no为不允许
		-target-densitydpi :这个属性一般用于手机页面上，且安卓系统才支持(据说快要废弃，少用)，值可以为high-dpi,medium-dpi,
		low-dpi,分别对应高像素密度，中像素密度，低像素密度，这个属性的默认属性值为中像素密度，当值为中像素密度时，在高像素密度
		设备上这个页面会放大，低像素页面会缩小，其它两个值的效果按这个逻辑推。

< meta http-equiv=“X-UA-Compatible” content=“ie=edge”> 这个标签是专门针对ie浏览器起作用的一个标签，X-UA-Compatible就是针对ie8，告诉IE8采用何种IE版本去渲染网页，而content属性的值就是对应的IE版本，模式edge是以最高级模式渲染文档，通俗来说就是什么版本IE就用什么版本的标准模式渲染，还有一些其他值如ie=emulateIE7,就代表用IE7版本渲染文档。

< title>网页标题< /title> 这个双标签用于设置网页标题

< link rel=“stylesheet” type=“text/css” href=“xxx”/> 这个标签的作用是引入其他文件，常用于引入css样式配置

 		-rel:rel 属性指示被链接的文档是一个样式表
 		-type:type 属性规定被链接文档的 MIME 类型。为text/css说明引入的是css描述样式表
 		-href:该属性指引入文档的路径