《Head first HTML与CSS 第二版》读书笔记 第十二章 HTML5简介

2019独角兽企业重金招聘Python工程师标准>>>

<section>用于对相关的内容分组；

<article>用于类似博客帖子、论坛帖子和新闻报道等独立的内容；

<aside>用于表示不作为页面主要内容的次要内容，如插图和边栏；

<nav>用于组织网站导航链接；

<header>将标题、logo和署名等通常放在页面或区块最上方的内容组织在一起；

<footer>将诸如文档信息、法律措辞和版权说明等通常放在页面或区块最下方的内容组织在一起；

<time>用来标记时间和日期，如果元素内容没有采用官方Internet日期时间格式（2012-02-18）来写，必须有datetime属性。

 

在ul li元素中指定display: inline属性，列表项的前后将不再有回车，会像常规的内联元素一样在页面上流入一行。

 

<video>用于页面增加视频。

元素的布尔属性可以有也可以没有。如果有这个属性，表示true；如果没有表示false。

controls属性是一个布尔属性。如果有浏览器就会为视频显示增加内置的控件。

autopaly属性也是一个布尔属性。如果有表示一旦有了足够的数据就开始播放视频。

poster属性指定视频的一个海报。

loop属性是一个布尔属性，如果为真表示循环播放。

src属性指定视频文件地址。

preload属性控制如何加载视频。如果为none表示播放之前不下载，metadata表示下载视频元数据单不下载视频内容，设置auto表示让浏览器来决定。

一个视频文件包含两部分，一个视频部分和一个音频部分，每个部分都使用一种特定的编码类型来编码。

流行的容器格式包括MP4、OGG和WebM。

可以在<video>元素中添加多个<source>元素来包含不同格式的视频版本：

<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>

<source>元素的type属性向浏览器提供的一个提示，帮助它确定能不能播放这种类型的文件。codec参数在type中，指定视频和音频的编码器：

<source src="video/tweetsip.ogv" type='video/ogg; codecs="theora, vorbis"'>

 

转载于:https://my.oschina.net/u/2453016/blog/728874