HTML5入门到入土
HTML5是HTML的最新标准，它在原有的基础上增加了很多新特性，比如画布（Canvas）、视频（Video）和音频（Audio）的支持。
以下是一个简单的HTML5页面示例，包含了视频和画布元素：
<!DOCTYPE html>
<html>
<head>
<title>HTML5 示例</title>
</head>
<body>
<h1>欢迎来到HTML5的世界</h1>
<!-- 视频元素 -->
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
您的浏览器不支持视频标签。
</video>
<!-- 画布元素 -->
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
您的浏览器不支持Canvas。
</canvas>
<script>
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.fillStyle = '#FF0000';
ctx.fillRect(0, 0, 150, 75);
</script>
</body>
</html>在这个示例中，我们使用了HTML5的<video>标签来嵌入一个视频，使用了<canvas>标签来创建一个绘图区域。这只是HTML5能力的一小部分，HTML5还有很多其他的新特性和提升，如本地存储、离线应用、新的表单输入类型、地理位置、多线程等。
评论已关闭