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">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持视频标签。
</video>
<!-- 音频元素 -->
<audio controls>
<source src="song.mp3" type="audio/mpeg">
<source src="song.ogg" type="audio/ogg">
您的浏览器不支持音频元素。
</audio>
</body>
</html>
在这个示例中,<video>
和<audio>
标签用于在页面中嵌入视频和音频内容。controls
属性添加了播放、暂停和音量控件。<source>
标签指定了不同的文件来支持不同的浏览器。
要使用这些新特性,请确保你的网页服务器正确设置了MIME类型以支持HTML5媒体文件格式。
评论已关闭