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

来源:互联网 发布:黄一琳网络直播的看法 编辑:程序博客网 时间:2024/05/21 17:51

考虑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>
0 0