这篇文章主要讲解了“HTML5和HTML的区别有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML5和HTML的区别有哪些”吧!
什么是HTML5和HTML?
HTML代表超文本标记语言,用于使用标记语言设计网页。HTML是超文本和标记语言的组合,超文本定义了网页之间的链接;标记语言用于定义标记内的文本文档,该文档定义网页的结构。此语言用于注释(在计算机注释中)文本,以便机器可以理解它并相应地操作文本。【推荐阅读:html参考手册】大多数标记(例如HTML)语言都是人类可读的。该语言使用标签来定义必须对文本进行哪些操作。它用于在网页上构造和呈现内容。而HTML5是HTML的第五个版本,HTML5中删除或修改了许多元素。
HTML5跟HTML的相同点:
1、都是网页的基础,用来构建Web页面的“骨架” 。
2、具有基本相同的标签,如div,form,p等等。
HTML5跟HTML的不同:
1、 各个浏览器对HTML5的渲染或支持程度不同,但对HTML的支持或渲染已经很稳定 。
2、 html5正在发展,相当于于html的升级版本 。
3、 html5用户可以编辑网页的部分内容 。
4 、html5中元素可以使图像脚本更灵活 。
5 、html5中 新的API让页面程序开发更简单 。
6 、 html5改进页面表单操作 。
7 、html5新增加了很多新的标签,如<header>,<nav>,<footer>,<section>等。
HTML5新增的特性:
1. 新增了一种HTML文档类型:<DOCTYPE html>
HTML5不基于SGML之上,因此不需要对DTD进行引用,但是要用doctype(doctype声明位于HTML文档中的第一行,处于 HTML标签之前。告知浏览器的解析器用什么文档解析这个文档。DOCTYPE不存在或是格式不正确会导致文档以兼容模式呈现)来规范浏览器的行为(让浏 览器按照他们应该的方式来运行)。而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。
2. 新增了一些结构化标记的元素:
绘画:canvas;
用于媒介回放的video和audio元素;
本地离线存储:localStorage,sessiorStorage。
语义化更好的内容元素:<header>,<nav>,<footer>,<section>等。
表单控制:calendar,date,time,email,url,search。
新的技术:webworker,websocket,Geolocation。
CSS更像是把多个“矩形”裁剪后,然后拼接成一个图案,然后给图案上色。但是canvas是由点开始,延长无数个点,得到线,延长线之后 得到一个面(三角形,圆形,矩形等等的图案面),然后给线或者面描边,上色。CSS更像是小朋友的手工课,而canvas更像是用一支笔来画图。
<header>,<nav>,<footer>,<section>等还有其他的许多标签,这些标签是代码更加的语义化,是阅读代码的人更加的通俗、易懂,是人们学习代码更加的简单方便。
audio和video可以说是html5给大家的一个惊喜,虽然以前不管通过flash,还是一些视频,音频插件大家都可以播放媒体文件,但是现在的audio和video更加标准;他不需要使用任何的插件就可以使视频和音频在浏览器上播放。
localStorage长期存储数据,浏览器关闭后数据不丢失;sessiorStorage的数据在浏览器关闭后自动删除。
感谢各位的阅读,以上就是“HTML5和HTML的区别有哪些”的内容了,经过本文的学习后,相信大家对HTML5和HTML的区别有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!