<p>HTML 是用来描述网页的一种语言，是超文本标记语言: HyperText Markup Language，HTML 不是一种编程语言，而是一种标记语言。HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定，HTML5的设计目的是为了在移动设备上支持多媒体，增加了许多的描述型标签，HTML5 是下一代 HTML 标准。</p><p>HTML5 是 HTML 的第五个版本，相对于之前的版本，它引入了一些新的特性和改进，包括：</p><p>1. 新的语义化标签：HTML5 引入了一些新的语义化标签，例如 `<header>`、`<footer>`、`<nav>`、`<article>`、`<section>` 等，使得网页结构更加清晰，更容易理解和维护。</p><p>2. 新的表单控件：HTML5 引入了一些新的表单控件，例如日期选择器、颜色选择器、搜索框等，使得表单更加易于使用和定制。</p><p>3. 视频和音频支持：HTML5 引入了 `<video>` 和 `<audio>` 标签，使得在网页中嵌入视频和音频内容更加容易。</p><p>4. Canvas 绘图：HTML5 引入了 `<canvas>` 标签，提供了一个基于 JavaScript 的绘图 API，使得在网页中实现图形和动画效果更加容易。</p><p>5. Web 存储：HTML5 引入了本地存储技术，包括 localStorage 和 sessionStorage，使得在客户端存储数据更加方便和高效。</p><p>HTML5 在保持 HTML 标准的基础上，引入了一些新的特性和改进，使得开发者能够更加方便地创建更加丰富、交互性更强的 Web 应用程序。</p><p><p>作为前端开发的技术人员，必须掌握的技术之一就是Html，其他技术如Css，JavaScript，JQuery等等都是基于Html的，那么Html和今天我们耳熟能详的Html5究竟有什么区别，或者说Html怎么发展到Html5的呢？下面一起了解一下Html5和Html的区别吧！</p><p></p><p><strong>一、什么是Html</strong></p><p>HTMl（HyperText Markup Language）: 超文本标记语言，一种纯文本类型的语言。</p><p>特点有：</p><p>1、可以用来设计网页的标记语言；</p><p>2、用该语言编写的文件，以.html或者.htm为后缀；</p><p>3、由浏览器解释执行；</p><p>4、HTML表面上，可以嵌套用脚本语言编写的程序段，如：VBScript，JavaScript</p><p>与第一个纯文本的页面相比，Html页面引入了标签的概念，也是说，Html是文本+标签的形式。</p><p><span style="font-weight: bold;">二、什么是HTML5</span></p><p>Html5广义上来说包含了html5、css和JavaScript三个部分，不仅仅是根据第一印象的html5，html5让网页制作从布局到细节处理都更加的灵活，可以创建更好的网页结构，拥有更加丰富的标签，对媒体播放、编辑、存储等有更好的支持方式，兼容性更强。<strong> </strong></p><p><span style="font-weight: bold;">三、HTML和HTML5的相同点</span></p><p>1、都是网页的基础，用来构建Web页面的“骨架”<br/>2、具有基本相同的标签，如div，form，p等等 </p><p><span style="font-weight: bold;">四、HTML和HTML5的不相同点</span></p><p>1、 各个浏览器对HTML5的渲染或支持程度不同，但对HTML的支持或渲染已经很稳定 2、 html5正在发展，相当于于html的升级版本<br/>3、 html5用户可以编辑网页的部分内容<br/>4 、html5中元素可以使图像脚本更灵活<br/>5 、html5中 新的API让页面程序开发更简单<br/>6 、 html5改进页面表单操作 <br/>7 、html5新增加了很多新的标签，如footer等</p><div><p><span style="font-weight: bold;">五、hmtl5于html的区别</span></p><p>1.在文档类型声明上</p><p>html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p><html xmlns="http://www.w3.org/1999/xhtml"></p><p>html5:<!doctype html></p><p>由这两者对比可见：在文档声明上，html有很长的一段代码，并且很难记住这段代码，想必很多人都是靠工具直接生成的吧？而html5却是不同，只有简简单单的声明，这也方便人们的记忆。</p><p>2.在结构语义上</p><p>html:没有体现结构语义化的标签，我们通常都是这样来命名的<id="header">.这样表示网站的头部。</p><p>html5:在语义上却有很大的优势。提供了一些新的标签，比如:<header><articale><footer></p><p>虽然在前几年html5已经出来了，但是那时候因为不够成熟，时机不对，才没被兴起。在这互联网高速发展的时候，也是来临4G的时代。正是学习HTML5的好时机，我们还不学习hml5就out了！</p></div></p><p>以前的我们用HTML+CSS主要大部分是做PC端网页的基础部分开发，绝大部分业务逻辑和代码量在服务器端，前端只收到服务器端动态生成的HTML和附加的简单的JS/CSS/img，是一种非常不平衡的架构，而HTML5表面上是标签的改动，但实际上应该是改动这些标签后所带来的影响，还有更多的是把业务逻辑和运算量放在了客户端，让HTML在APP的开发上具有了更多的优势。</p><br/><p>简单点说就是，HTML和CSS开发只能做一些网页的基本搭建，像以前写页面的人很多要不然就是美工或是服务器端的人，位置就很尴尬，而现在的HTML5和CSS3不光在以前基础的结构内做出了优化，并且在移动端APP开发上也有着得天独厚的优势。</p><p><span style="font-weight: bold;">html是Hyper Text Markup Language 的简称</span>，这是一种使用标记标签描述网页的标记语言(markup language)，标准通用标记语言下的一个运用。</p><p>HTML5最先由WHATWG（Web超文本应用技术工作组）命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生的最新一代的超文本标记语言。（HTML5草案的前身名为Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接纳，并成立了新的HTML工作团队。）可以理解为：HTML5 ≈ HTML4.0+CSS3+JS+API。（PS：html是没有1.0版本的，虽然曾经有这个概念，<span style="font-weight: bold;">但是并没有正式发布过，也没有使用html1.0来进行命名。这里的HTML4.0是在现在最新的html的规范标准。</span>）</p><p></p><p>HTML5有两大特点：</p><ul><li>►首先，强化了Web网页的表现性能。除了可描绘二维图形外，还准备了用于播放视频和音频的标签。</li><li>►追加了本地数据库等Web应用的功能。</li></ul><p></p><p>而且HTML5拥有更多种类，功能繁多的新技术和规范。比如：</p><ul><li>►使用canvas (画布）元素进行绘制；</li><li>►使用video和audio元素添加流媒体；</li><li>►在线编辑页面并检査拼写；</li><li>►在Web应用程序屮使用拖曳功能；</li><li>►更多的HTML5表单特性；</li><li>►<span style="font-weight: bold;">语义化布局常用标签</span>（例如article、section、nav)创建语义分区，语义化能让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析，即使在没有样式CSS情况下也以一种文档格式来显示，并且是非常容易容易阅读的，而且搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO（类似与网络竞价排行，不过不需要花钱），<span style="font-weight: bold;">并且呢，语义化标签使得人对网站的维护更加的便捷。</span></li><li>►HTML5没有严格的要求属性必须加引号，闭合不闭合，但是建议加上引号和闭合标签</li><li>►语义化布局常用标签</li><li>......更多规范和新技术请自行查阅相关文档。</li></ul><p></p><p><span style="font-weight: bold;">HTML5(text/html)浏览器将在错误语法的处理上更加灵活。</span>HTML5在设计时保证旧的浏览器能够安全的忽略掉新的HTML5代码<span style="font-weight: bold;">。与HTML4.01相比</span>，HTML5给出了解析的详细规则，力图让不同的浏览器即使在发生语法错误时也能返回相同的结果。</p><p></p><p>相比呆板的html，HTML5显得更加灵活。<span style="font-weight: bold;">HTML5元素可以拥有事件属性，使用这些属性可以在浏览器中触发，比如当用户单击元素时触发一段Javascript动作（可单一或者系列的动作）。给静态页面添加更加丰富多彩的动画效果，提升用户交互观感。</span>下面列出的事件属性，可以把它们入 HTML 标签来定义事件行为。 HTML5 中的新事件属性：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。</p><p><span style="font-weight: bold;">现在的web前端开发的静态网页一般都是html4.0</span>，html标签和属性是html5规范的基础。然而HTML5还包括很多其他的编程接口，而严格来说，这些接口并不是HTML5规范的一部分，例如地理定位、历史API。从此也可以说HTML5比html具有更大的包容性。所谈到的html4.0既是html。</p><p>另外HTML5与html相比来说。<span style="font-weight: bold;">HTML5不基于SGML，因此不需要对DTD进行引用</span>，但是需要doctype来规范浏览器的行为，让浏览器能够以HTML5的方式来运行，而HTML4基于SGML，所以需要对DTD进行引用才能告知浏览器文档所使用的文档类型是什么。</p><p><span style="font-weight: bold;">然而最新的并不代表是最适用的，诚然，HTML5能玩出很多“花”来</span>，但是并不是所有用户都能完美支持HTML5的，HTML5里面有很多特性在PC端低版本浏览器上是不支持的。而移动端浏览器已经支持HTML5了，<span style="font-weight: bold;">还有就是访问CSDN的人群基本上没有使用IE8以下的浏览器了。</span></p> [2023-10-04 12:00:36 | AI写代码神器 | 5224点数解答]