html5代码_Web前端开发(1)——HTML5概述

HTML5概述

HTML5发源于World Wide Web Consortium(简称W3C)，是Web标准的一种。它诞生于2004年8月W3C关于Web应用程序以及复合文档(Compound Documents)的研讨会上，并于2010年正式推出。自推出以来，它便以惊人的速度被迅速推广，就连微软也因此为下一代IE9做了标准上的改进。HTML5是Web开发世界的一次重大改变，代表着未来趋势。其目标是能够创建更简单的Web程序。书写出更简洁的HTML代码。

HTML5的诞生具有划时代、革命性的意义，它正在被大面积地推广及使用。通过对Internet Explore，Google，Firefox，Safari，Opera等主流Web浏览器发展策略的调查发现，它们均在对HTML5的支持上采取了相应的措施。

HTM15具有以下6点优势：

①跨平台运行、易用性

HTML5最主要的优势在于其适合众多平台，从PC浏览器到手机、平板电脑，甚至未来的智能电视，只要设备浏览器支持HTML5，HTML5应用或游戏在该平台中就可直接运行，这使得应用HTML5创建网站更加简单。新的HTML主体结构元素和非主体结构元素如“article”、“section”、“nav”、“aside”、“time”、“pubdate”、“header”、“footer”、“address”等，使得文档的结构更清晰明确，读者更易访问内容。例如，之前使用“div”，即使定义了“class”或者“id”也难以让读者清楚知道其真正的含义。使用新的语义学的定义标签，可更好地了解HTML文档，并创造出更人性化的用户体验。

②支持多媒体播放

以前涉及多媒体播放，普遍的做法就是使用Flash或其他第三方自主开发的播放器应用，较为复杂且难以使用。而HTMI5支持直接在浏览器中播放音频和视频文件，不需要使用Adobe Flash这样的插件。HTML5通过标签

③更清晰的代码

使用HTML5可写出简单、优雅、容易阅读且富于描述的代码。符合语义学的代码允许将样式和内容分离。以下是一个典型的拥有简单导航的header代码：

<div id="header">    <h1> Header Texth1>    <div id="nav">        <ul>            <li><a href="#">Linka>li>            <li><a href="#">Linka>li>            <li><a href="#">Linka>li>        ul>    div>div>

使用HTML5后会使得代码更简单且富有含义：

<header>    <h1>Header Texth1>    <nav>        <ul>            <li><a href="#">Linka>li>            <li><a href="#">Linka>li>            <li><a href="#">Linka>li>        ul>    nav>header>

HTML5中,可通过使用语义学的HTML header标签描述内容来解决“div"及其"class"定义的问题。之前需要大量使用"div"来定义每一个页面内容区域。但是，使用新的，，，，和标签之后，代码会更加清晰，易于阅读。为了保持简洁，和