HTML5教程.pdf

HTML5是万维网的最新标准，旨在替代早期的HTML、XHTML标准，并且与HTML DOM保持一致性。自上一版HTML在1999年诞生以来，互联网经历了巨大的变革，而HTML5的出现正是为了适应这些变化。HTML5还在不断完善中，但已经得到了大部分现代浏览器的支持。 HTML5的发展起源于两大组织W3C（万维网联盟）和WHATWG（Web超文本应用技术工作小组）的合作。W3C主要负责XHTML2.0，而WHATWG主要致力于web表单和应用程序。2006年，两个组织决定合作创建HTML的新版本，即HTML5。HTML5的开发原则包括基于HTML、CSS、DOM和JavaScript的新特性，减少对外部插件（如Flash）的需求，提供更优秀的错误处理，增加取代脚本的标记，并确保HTML5能够独立于设备工作。开发过程也是透明的，以公众利益为主。 HTML5引入了许多引人注目的新特性。包括用于绘画的canvas元素，用于媒介回放的video和audio元素，对本地离线存储的增强支持，新的特殊内容元素（如article、footer、header、nav、section）以及新的表单控件（如calendar、date、time、email、url、search）。这些新元素和特性的加入，极大地丰富了网页的交互性和内容的展示能力。 浏览器对HTML5的支持是HTML5普及的关键。最新版本的Safari、Chrome、Firefox和Opera都支持HTML5的某些特性，而Internet Explorer 9也将支持部分HTML5特性。HTML5提供了一个标准的方式来在网页上展示视频内容，结束了长期以来没有展示视频标准的尴尬局面。在HTML5出现之前，视频内容大多是通过如Flash这样的插件来显示的，但不是所有浏览器都支持相同的插件。HTML5的video元素定义了一个通用的方法来嵌入视频内容到网页中。 视频格式方面，HTML5目前支持两种格式：Ogg和MPEG4。Ogg文件通常包含Theora视频编码和Vorbis音频编码，而MPEG4文件通常包含H.264视频编码和AAC音频编码。在实现HTML5视频播放时，需要考虑不同浏览器对不同视频格式的支持情况，比如Firefox、Opera和Chrome支持Ogg格式，而Safari支持MPEG4格式。 在HTML5中展示视频，只需使用简单的video标签，如： ```html <video src="movie.ogg" controls width="320" height="240"></video> ``` 其中，controls属性可以添加播放、暂停和音量控制。src属性指定视频文件的路径，width和height属性定义视频播放器的尺寸。如果浏览器不支持video元素，则可以添加一些回退内容，例如： ```html <video src="movie.ogg" width="320" height="240" controls> Your browser does not support the video tag. </video> ``` 此外，video元素允许使用source元素来指定多个视频源，浏览器会选择第一个可识别的格式播放： ```html <video width="320" height="240" controls> <source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag. </video> ``` IE8不支持video元素，而IE9支持MPEG4格式的video元素。在使用video元素时，还可以应用多个属性来控制视频的行为。比如，autoplay属性可以让视频在加载完成后立即播放，height和width属性用来设置视频播放器的高度和宽度，loop属性使视频循环播放，preload属性可以预加载视频，以减少加载时间。 HTML5的这些新特性不仅改善了网页内容的表现和交互性，也为开发者提供了更多的自由和灵活性。随着HTML5规范的不断演进和浏览器对新特性的持续支持，HTML5无疑将会成为网页开发的核心标准。