[HeadFirst-HTMLCSS学习笔记][第十二章HTML5标记]

考虑HTML结构

HTML5即是把原来<div>换成一些更特定的元素。能够更明确指示包含什么内容。

(页眉,导航,页脚,文章)

  • article
  • nav 导航
  • header
  • footer
  • time
  • aside 边框
  • section 元素定义文档
  • video
  • code
  • mark 标记
  • audio 声音
  • progress 进度
  • meter 范围
  • canvas 图像 动画
  • figure 独立的内容
    就是这么简单而已

time元素

  • 如果没有按标注

video元素

  • controls属性 提供空间
  • autoplay属性
  • width,height=”288”
  • src
  • poster 类似于img的alt
  • id
  • preload 预先加载多少,可以设置为auto
  • loop

  • 各种浏览器支持不同的格式,所以只能这样保证大概率播放

    <video controls autoplay width="512" height="288">
    
     <source src="video/tweetsip.mp4" >
     <source src="video/tweetsip.webm">
     <source src="video/tweetsip.ogv">
     <p> Sorry,your browser doesn't support the video element</p>
     </video>
    

posted on 2016-04-03 10:34  DDUPzy  阅读(129)  评论(0编辑  收藏  举报

导航