HTML5读书笔记第一天

html5是下一代的html。只能说：html5无比的强大。

html5是w3c和whatwg合作的结果。

html5中增加了一些新的特性

如：用于绘画的canvas元素标签、用于视频和音频播放的元素video and audio元素

对本地离线存储的更好支持、新的结构元素如header、footer、nav、section、article，新的表单元素

calendar、date、time、email、url、search。html5还在完善当中，只有在部分的主流浏览器支持相关的html5元素

html5支持css3。

一个html5网页的定义是

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    </body>
</html>

video元素的用法：

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
       <video height="200" width="200" controls="controls">
               <source src="abc.ogg" type="video/ogg">
               <source src="abc.mp4" type="video/mp4">
               你的浏览器不支持该元素 //当浏览器不支持元素时显示
       </video>
    </body>
</html>

video标签的一些新属性：

　　autoplay="autoplay" 设置自动播放
controls="controls" 设置显示操作控件
width="00px" 设置宽度
　　height="00px" 设置高度
　　loop="loop" 设置播放循环
　　src="url路径" 设置路径
　 preload="preload"　　设置预备播放

(二)audio标签的使用(和video标签的用法是一样的,属性也是一样的)：　　

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
       <audio height="200" width="200" controls="controls">
               <source src="abc.ogg" type="audio/ogg">
               <source src="abc.mp4" type="audio/mp4">
               你的浏览器不支持该元素 //当浏览器不支持元素时显示
       </audio>
    </body>
</html>

HTML5读书笔记第一天

推荐阅读