西安嘉瑞德网络公司
当前位置:网站首页 > 网站维护 > 网页制作中html头部各个定义的作用 返回列表

网页制作中html头部各个定义的作用

发布时间:2019-03-28来源:admin
在网页建设的过程中离不开网页制作,而网页制作又离不开HTML文件,有网页制作经历的小伙伴们一定都知道,在使用编辑器创建一个html文件的时候会自动生成一大堆的标签,今天我们就来详细介绍一下html中的头部标签都是什么?代表什么意思?
在html的头部,我们会看到有一个“<!DOCTYPE html>”标签,它是“document type”的缩写意思就是文档类型;它是告诉web浏览器关于这个页面需要使用那个HTML版本进行编写的命令,它的声明必须是在网页的第一行,还要在“<html>”标签之前。这个是对HTML5的文档声明。
接下来我们看到的是<html lang="en"> 这个是html标签,里面的属性“lang=‘en’”的意思就是声明用什么语言来编写这个文档,默认的是英文,实际上也只能使用英文编写,至于里面的参数‘en’你也可以换成‘chinese’或者其他都是可以得,但是这个就不意味着你真的就可以使用中文或者别的什么语言来编写这个文档了。这个相当于是一个没有什么用的属性,但是我没有删除过这个属性运行过,有兴趣你可以试试。
在接下来是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制定一个不同的页面渲染模式。是一个首选的兼容代码。

最后就是<title>Document</title>,这个不用我说大家都知道这个是干嘛的,当然是定义一个网页的头部信息的了。再接下来就是我们要引入css使用的link标签,最后就是我们要在其里面写入内容的body标签楼。

一个网页最重要的就是这几个标签了,当然后期还会在头部加上一些例如包含关键词这样的标签了,其实网页的头部和构建就是这么的简单。

联系方式:18066528545   029-89298792

阅读过此文章的读者,还阅读过下面的文章

  • 今天给大家讲一下,这个问题问得非常好。做流量无非就三件事:第一个是SEO,第二个是社媒,第三个是投流。SEO,我认为是做网站这件事最重要的一环。不管你的网站做得怎么样、能不能变现盈利,只要学会SE...
  • 很多打算做线上宣传的老板,一开始都搞不懂到底什么是网站,以为只是几张图片拼在一起的页面。其实网站是一套存放在服务器上,通过域名访问、可以在浏览器打开的数字化载体,也是企业在互联网上的线上门面。一个完整...
  • 网站无法访问,教你四步自查,快速定位问题,不用一上来就找技术人员。很多企业遇到网站打不开会很慌张,其实大部分故障都可以简单自查,快速分清问题责任,节省沟通时间。第一步,先判断是本地网络问题,还是网站服...
  • 很多企业以为网站制作完成、成功上线就大功告成,其实建站只是第一步,长期稳定的维护运营,才是网站持续发挥价值的核心。一个没人维护的官网,很容易慢慢出现各种问题,影响品牌形象和客户咨询转化。首先是服务器与...
  • 很多刚接触线上推广的老板会问,现在短视频、微信这么火,还有必要做企业网站吗?今天咱们聊聊企业网站到底有哪些实实在在的作用。首先,网站是企业24小时不打烊的线上名片和展厅。微信、短视频平台属于第三方...
  • 很多老板会疑惑,自己的网站能正常打开、可以访问,为什么还要花钱改版?今天咱们就来讲讲网站改版的底层逻辑,帮大家理清思路。首先第一点,网站跟不上当下的审美。不少老网站还是多年前的风格,排版老旧、色彩杂乱...

网站地图 Copyright © 2015 西安嘉瑞德网络科技有限公司 陕ICP备2023001199号