HTML5 是下一代 HTML 标准。
HTML5 多媒体
音频标签
<audio src=" "></audio>
视频标签
<video src=""></video>
<video> 元素支持三种视频格式:MP4、WebM、Ogg。
属性名 | 属性值 | 说明 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
height | px | 设置视频播放器的高度。 |
width | width | 设置视频播放器的宽度。 |
poster | url | 规定视频正在下载时显示的图像,直到用户点击播放按钮。 |
HTML5 图形
使用 HTML5 你可以简单的绘制图形:
使用 <canvas> 元素。
<canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成.
<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。
创建一个画布:
<canvas id="myCanvas" width="200" height="100"></canvas>
活动文字标签:<marquee>
<marquee behavior="" >文字内容</marquee>
属性名 | 属性值 | 说明 |
behavior |
scroll |
从右到左移动(不断循环) |
slide |
从右到左移动(最左边停止) | |
alternate |
两边移动 |
|
direction |
left |
向左移动 |
right |
向右移动 |
|
up |
向上移动 | |
down |
向下移动 | |
bgcolor |
英文/十六 |
背景颜色 |
height |
像素/百分比 |
高度 |
width |
像素/百分比 |
宽度 |
scrollamount |
数字 |
播放的速度 |
vspace |
像素 |
左右两册间距 |
hspace |
像素 |
上下两册间距 |
语义元素
html5中添加许多语义元素,就是指以该区域的功能为标准,定义一个语义标签,来直接表达该区域的意义。
例如:<header>标签,定义了文档的头部区域、body标签等。