html5的新增的标签和废除的标签简要概述-前端开发

HTML5（Hyper Text Markup Language 5）是HTML（Hyper Text Markup

HTML5（Hyper Text Markup Language 5）是HTML（Hyper Text Markup Language）的第五个版本，它对之前版本的语言规范做了很多改进和增强。在HTML5中，新增了很多标签来帮助Web开发者更好地构建现代化、丰富多彩的网站。同时，也废除了一些不太常用、有性能问题或者安全隐患的标签。

新增标签

\<canvas>

\<canvas>标签是HTML5中新增的标签之一，它允许我们通过JavaScript的绘图API在网页上绘制二维图像和动画。以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head>
    <title>Canvas Example</title>
    <style>
        canvas {
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
    <canvas id="myCanvas" width="200" height="200"></canvas>
    <script>
        var canvas = document.getElementById("myCanvas");
        var ctx = canvas.getContext("2d");
        ctx.fillStyle = "blue";
        ctx.fillRect(10, 10, 150, 150);
    </script>
</body>
</html>

上述代码会在页面上绘制一个宽度和高度分别为200个像素的矩形。

\<video>

\<video>标签是HTML5中另一个非常有用的标签，它允许我们在网页上播放视频。以下是一个示例：

<!DOCTYPE html>
<html>
<head>
    <title>Video Example</title>
</head>
<body>
    <video width="480" height="320" controls>
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
        Your browser does not support the video tag.
    </video>
</body>
</html>

上述代码会在页面上播放一个宽度和高度分别为480和320像素的视频。这里使用了两个\<source>标签来指定视频的源文件，分别是MP4格式和Ogg格式。为了让尽可能多的浏览器都可以播放视频，我们可以提供多个源文件。在\<video>标签中还使用了一个controls属性，这个属性会自动加入一个播放器控件，方便用户播放和控制视频。