HTML5（Hypertext Markup Language，版本5）是超文本标记语言的最新标准，它引入了许多新的元素和属性，提高了HTML语言的表现能力，包括更好地支持视频、音频、动画和图像等多媒体内容。同时，HTML5还强化了Web的语义化、结构化和可访问性，让Web应用

HTML5学习笔记之html5与传统html区别

什么是HTML5？

HTML5（Hypertext Markup Language，版本5）是超文本标记语言的最新标准，它引入了许多新的元素和属性，提高了HTML语言的表现能力，包括更好地支持视频、音频、动画和图像等多媒体内容。同时，HTML5还强化了Web的语义化、结构化和可访问性，让Web应用程序更快、更安全、更易于开发和维护。

html5与传统html的区别

语法类型

在传统的HTML中，常见的文档类型声明是：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

而在HTML5中，只需要简单的声明：

<!DOCTYPE html>

标签和属性

HTML5支持的新标签和属性是传统HTML所不具备的，这些新元素大大简化了HTML标记的写法和维护。例如：

<article>标签：表示网页中的一篇文章；
<nav> 标签：表示网页中的导航部分；
<header> 标签：表示网页内容的标题部分；
<footer> 标签：表示网页内容的页脚部分。

此外，HTML5还引入了很多新的表单元素，如<calendar>, <color>, <date>等标签，以及一些新的属性，如placeholder、required等，简化了表单的开发。

丰富的多媒体支持

HTML5提供了原生支持视频、音频、动画和图形等多媒体元素的功能，不再需要使用第三方插件如Flash来实现多媒体的播放。例如：

<video controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持html5
</video>

<audio controls>
  <source src="song.mp3" type="audio/mpeg">
  <source src="song.ogg" type="audio/ogg">
  您的浏览器不支持html5
</audio>

<canvas id="myCanvas" width="200" height="100"></canvas>

上述示例演示了如何在HTML5中使用<video>和<audio>标签来嵌入视频和音频，同时利用<canvas>标签来创建支持动画和图像绘制的区域。