第5章HTML5进阶;HTML5未来
(2012);HTML5的文档声明
HTML5没有指定的具体的版本，表示最新的html版本;HTML5中的一些有趣的新特性：
用于绘画的canvas元素
用于媒介回放的video和audio元素
对本地离线存储的更好的支持
新的特殊内容元素，比如article、footer、header、nav、section
新的表单控件，比如calendar、date、time、email、url、search;HTML5文档结构同样是由头部和主体两部分组成，只是新增了一些结构元素，如header、nav、article、section、aside、footer六个结构元素，这些元素都是块级元素。
13.2.1HTML5页面结构;HTML5页面结构元素语法：
body
header
nav.../nav
/header
article
section.../section
/article
aside.../aside
footer.../footer
/body;1．header标记
header标记定义文档和区域的页眉，通常是一些引导和导航信息。它不局限于写在网页头部，也可以写在网页内容里面。通常header标记至少包含（但不局限于）一个标题标记（h1～h6），也可以包括hgroup（标题组合）标记、表格标识、搜索表单、导航等。;2．nav标记
nav标记代表页面的一个部分，是一个可以作为页面导航的链接组。建议不要在footer元素中使用nav元素，否则易造成页面显示不正确。配置相应的CSS代码可以实现水平导航。;3.article标记
article标记是一个特殊的section标记，它比section具有更明确的语义，它代表一个独立的、完整的相关内容块，可独立于页面其它内容使用，可包含header，footer。例如论坛帖子、博客文章、新闻故事、评论等。;4．section标记
section标记定义文档中的节。例如章节、页眉、页脚或文档中的其他部分。一般用于成节的内容，会在文档流中开始一个新的节。它用来表现普通的文档内容或应用区块，通常由内容及其标题组成。section元素不是一个普通的容器元素，它表示一段专题性的内容，可以带有标题。;5．aside标记
aside（侧栏，也称为旁注）标记用来说明其所包含的内容与页面主要内容相关，但不是该页面的一部分，类似于使用括号对正文进行注释（就像这样）。括号中的内容提供关于该元素的一些附加信息，例如广告、成组的链接、侧栏等。;6．footer标记
footer标记定义section或文档的页脚，包含了与页面、文章或部分内容有关的信息，例如文章的作者或者日期。作为页面的页脚时，一般包含了版权、相关文件和链接。它与页眉header标记用法相同，在一个页面中可以多次使用，若在一个区段的最后使用footer标记，那么它就相当于该区段的页脚。;1.输入框占位符;2.输入框自动获取焦点;3.输入框浏览器历史;;;;;;;;;;属性;5.5HTML5音频与视频;;视频和音频编解码器;多媒体格式;多媒体格式;5.5.1audio标签;;属性;虽然html5支持Ogg、MPEG4和WebM的视频格式以及Vorbis、MP3和Wav的音频格式，但各浏览器对这些格式却不完全支持;;在HTML5中，video标签用于定义播放视频文件的标准。;;属性;;使用音频和视频注意事项
1.?浏览器支持的音频和视频格式不同，需要在source标签中提供不同格式的文件来兼容不同的浏览器。
2.?在设置src属性时，应该使用相对路径或绝对路径，避免使用相对于当前页面的路径。
3.?使用controls属性会显示默认的播放器控件，但是在移动设备上默认控件可能无法显示或不够友好。此时可以使用JavaScript自定义控件。
4.?在不同的浏览器和操作系统下，对于媒体的支持情况也可能不同，因此需要在不同的浏览器和设备上进行测试。
5.?如果使用自定义控件，需要注意控件的可用性和兼容性，避免在某些浏览器或设备上无法使用。
6.?浏览器默认情况下不会自动播放媒体文件，需要用户手动点击播放按钮。如果希望实现自动播放的效果，需要在设置audio或video标签时添加autoplay属性。
7.?使用媒体文件会占用网站的带宽，需要注意使用合适的压缩方法来减小文件大小，避免对网站性能造成负面影响。
总之，在使用audio和video标签时，需要进行充分的测试和优化，以提供良好的用户体验和兼容性。;5.6绘图;5.6绘