HTML5 是下一代 HTML 标准。

HTML5 多媒体

音频标签

<audio src=" "></audio>

视频标签   

<video src=""></video>

<video> 元素支持三种视频格式:MP4WebMOgg

属性名 属性值 说明
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标签等。

 

posted on 2018-06-06 15:51  丁昆  阅读(101)  评论(0编辑  收藏  举报