您好!欢迎来到静学网! 注册 登入
  • 致力中国及国外独立搜索引擎技术及第三方网站搜索引擎SEO排名研究

html5中 4大标签组成网页结构,<!DOCTYPE>的作用你真懂吗?

课程目录 admin 次浏览

相信大家都有浏览过浏览器,打开一个网页查找自己想要查的信息内容,那么大家也应该思考过,这个网页到底由什么组成?为什么我们能够通过浏览器浏览网页?,当然对于编程开发的伙伴来说,不用我说也会懂一些,对于刚入门或者不太懂,或者比较模糊,SEO精学网将会深入浅出的进行解剖,虽然在SEO优化过程用不到,我指的是某些标签,但从搜索引擎角度来说确实至关重要的,对于制作网页是必须要懂的。

 

首先先教大家如何在浏览器上查看网页的源代码,这里我用的是360浏览器,随便在某一个页面点击右键,选择“查看源代码”,即可调转到网页源代码,是有一些不同的超文本标记语言组成,这里要注意一下,360浏览器再兼容模式下可能看不到,可以切换到极速模式,这样就行了。大家可以多打开几个网页,观察它有什么共同点,有哪些不同点,细心的伙伴可能会发现端倪,没错,网页的主要组成架构是由相同部分组成的框架。

 

相同标签有<html></html>或者<!DOCTYPE html></html><head></head><title></title><body></body>,所有的网页基本都是由这几个标签组成的骨架,内容和样式可根据需要进行拓展,那么下面就来说说这几个标签在网页中所起的作用及原理。

 

<html>要注意是成双成对出现的,不要漏写了,根据以往的经验,很多的初学在写标签的时候不是少了一个,就是少了斜杠,包过我刚开始学的时候,也是这样,后来找了很久,才找到这个错误,特别是代码量比较大的时候,查起来非常麻烦,所以这里提前给大家提醒一下,写代码一定要谨慎。html前面说过一点,它指的是超文本标记语言 (Hyper Text Markup Language),实际上一般都认为HTML就是一个网页,用记事本把后缀改写成.html就是一个网页了,所以说这都得以于html语言的强大,当然浏览器的解析能力也是不错的,不然你也看不到网页是这样子的。html5的做新标准版本是由W3C(万维网联盟)2014年编制完成。总结一下什么是HTML:1)它是使用标记标签来描述网页;2)标记语言是一套标记标签;3)它不是一种编程语言,而是一种标记语言;4)是一种超文本标记语言。

 <!DOCTYPE>的作用

 

html作用是什么?一是为web提供全新的框架和平台;二是提供更好的用户体验,大大提高了网站的可用性和互动性;三是对于SEO优化来说有助于爬虫的抓取;四是对于编程人员可谓是革命性的历史变化,统一了标准,效率更加高。其实<html></html>已经是一个网页了,有开头标签和结束标签组成,也称为开放标签和闭合标签。那么开头我们看到了<!DOCTYPE html>,在这个html中的<!DOCTYPE>是什么意思,其实这只是一种声明,相当于一个哨兵,进行传达和判断是否是敌人,而做出不同的决策,<!DOCTYPE html>它会告知浏览器应该使用哪种的规范标准。当前标签有严格版本、过度版本、基于框架三种DTD类型。下面列出这所有种声明类型,

 

 

 

不过大家只要了解就行了,也不必要记,因为HTML5的发展,早已取代了过去的旧版本,好了更多的SEO优化教程,下一节课继续。

 


静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明html5中 4大标签组成网页结构,<!DOCTYPE>的作用你真懂吗?
顶一下
(0)
踩一下
(0)
友情链接:
网站优化
本网站所刊载信息,不代表静学网观点。 刊用本网站稿件,务经书面授权或注明来源。 未经授权禁止转载、摘编、复制及建立镜像,违者将依法追究法律责任。 投稿邮箱:1870447831@qq.com | 举报邮箱:1870447831@qq.com