网页制作中html头部各个定义的作用
发布时间：2019-03-28来源：admin
在网页建设的过程中离不开网页制作，而网页制作又离不开HTML文件，有网页制作经历的小伙伴们一定都知道，在使用编辑器创建一个html文件的时候会自动生成一大堆的标签，今天我们就来详细介绍一下html中的头部标签都是什么？代表什么意思？<br />
在html的头部，我们会看到有一个“<!DOCTYPE html>”标签，它是“document type”的缩写意思就是文档类型；它是告诉web浏览器关于这个页面需要使用那个HTML版本进行编写的命令，它的声明必须是在网页的第一行，还要在“<html>”标签之前。这个是对HTML5的文档声明。<br />
接下来我们看到的是<html lang="en"> 这个是html标签，里面的属性“lang=‘en’”的意思就是声明用什么语言来编写这个文档，默认的是英文，实际上也只能使用英文编写，至于里面的参数‘en’你也可以换成‘chinese’或者其他都是可以得，但是这个就不意味着你真的就可以使用中文或者别的什么语言来编写这个文档了。这个相当于是一个没有什么用的属性，但是我没有删除过这个属性运行过，有兴趣你可以试试。<br />
在接下来是head标签，head标签里放的基本都是网页内容在加载前要完成的事，比如说第一个meta标签”<meta charset="UTF-8">“，这个标签规定了这个文档使用的是UTF-8的编码格式，不服你也可以将里面换成UTF-16。再下来就是”<metaname="viewport" content="width=device-width, initial-scale=1.0">“媒体检测如果给他在添加几个属性成”<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no " >“，然后就可以实时监测当前设备的宽度，而且也规定了在移动端上不能左右滑动网页。再下来就是”<meta http-equiv="X-UA-Compatible" content="ie=edge">“从后面的”ie“就可以看出来这条信息是针对ie的，"X-UA-Compatible" 是针对ie8新加的一个设置，除了ie8别的浏览器是不识别的。用于为ie8制定一个不同的页面渲染模式。是一个首选的兼容代码。<br />
<p>
最后就是<title>Document</title>,这个不用我说大家都知道这个是干嘛的，当然是定义一个网页的头部信息的了。再接下来就是我们要引入css使用的link标签，最后就是我们要在其里面写入内容的body标签楼。
</p>
<p>
一个网页最重要的就是这几个标签了，当然后期还会在头部加上一些例如包含关键词这样的标签了，其实网页的头部和构建就是这么的简单。
</p>
