<返回更多

HTML5与HTML4的区别

2019-07-24    
加入收藏

自从2010年正式推出html5之后,它就以惊人的速度在发展着,而且,现在我们看到的网站,大多数也是用HTML5写出来的,它的受欢迎的程度也是越来越高,说HTML5是Web前端的主流技术之一,也并不为过。那么HTML5和HTML4有什么不同呢?

HTML5与HTML4的区别

青岛HTML5

要搞清楚这个问题,我们就要先弄明白HTML5和HTML4的定义,HTML5是应用超文本标记语言(HTML)的第五次修改,HTML4是应用超文本标记语言(HTML)的第四次修改,他们分别是HTML语言第5和第4版本。HTML4在当年也是比较火的,但HTML4的产生,是为了互联网时代中的电脑端。现在互联网时代已经发展到了移动互联网的时代,基本上每人都会有一部手机随身携带,人们看新闻或者娱乐的方式也渐渐从电脑转移到了手机上了,因此HTML5就顺应时代的产生了。具体区别如下:

1、取消了一些过时的 HTML4的标签

其中包括纯粹显示效果的标记,如<font>和<center>,它们已经被 css完全取代。

其他取消的属性:acronym, Applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。

2、添加了一些新的元素

比如:更加智能的表单标签:date, email, url 等;更加合理的标签:section, video, progress, nav, meter, time, aside, canvas等。

3、新的全局属性:contentEditable designMode hidden spellcheck tabindex

4、标记方法: 文件类型声明(<!DOCTYPE>)仅有一型:<!DOCTYPE HTML>。

指定字符编码 <meta charset="UTF-8">

5、新的JS API

6、保证了兼容性

可以省略标记元素

不允许写结束标记:如area base br

可以省略结束标记:如li dt

可以省略全部标记:如html head

看到这里,有的朋友可能就会问了,HTML5的这次发展性的改变,有哪些优点呢?

举个简单的例子来说吧,在HTML5出世之前,我们在制作页面的时候,选择的方式都是利用DIV和CSS来布局,模块是通过Class来区分的。但是在搜索引擎抓取页面内容的时候,爬虫并不能清晰的识别出每个DIV中的内容是什么,它只能通过猜测来判断这些DIV分别是哪些内容的容器,因为Class并不是浏览器通用的标准规范。大家可以理解为,整个HTML文档结构的定义是不清晰的。而在HTML5中,这个问题被完美的解决了,HTML5中专门添加了页眉、页脚、导航、文章内容等结构元素标签。

总的来说,HTML5的出现帮助我们解决了浏览器兼容问题、文档结构不明确的问题以及Web应用程序功能受限等问题。

因此,在HTML5火热并在上升的时候,加入这个行业,也是一个很不错的选择。

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>