HML5+CSS3编程 第一章 结构改良后的HTML5! 第一页 HTML5时代即将来临

■ HTML5时代即将来临
    自从2010年HTML5推出以来，它就以一种惊人的速度被迅速推广着。微软也在为下一代 Internet Explorer 9 做了标准上的改进，使其能够支持HTML5和CSS3。业界全体都步调一致地朝着HTML5的方向迈进着。HTML5的时代马上就要到来了。

    因此，本连载针对HTML5和CSS3进行介绍。

script示例（JavaScript)

<form>

<p><label>Username:<input name=search type="text" id="search"></label></p>

<script document.getElementById_x_x('search').focus()</script>

</form>

 

script示例（用HTML5实现)

<form>

<p><label>Search:<input name=search autofocus></label></p>

</form>

 

div标签示例（HTML5之前）

<div id="header">...</div>
<div id="navi">...</div>
<div class="aritcle">
</div>
<div id="side-bar">...</div>
<div id="footer">...</div>

div标签示例（用HTML5实现)

<header>...</header>

<navi>...</navi>

<aritcle>

</aritcle>

<aside>...</aside>

<footer>...</footer>

■ HTML5的目标
    HTML5的目标是为了能够创建更简单的Web程序，书写出更简洁的HTML。例如，为了使Web程序变得更容易，提供了API,为了使HTML变得更简洁，开发出了新的属性标签等等，提供了许多新的功能。

    那么让我们来具体看一下。这里有一些HTML5之前非得要使用JavaScript等脚本语言才能实现的功能。例如，登录画面中经常使用到的让文本框获得光标焦点的功能等等。

    为了要实现该功能，在HTML5之前就得要书写前面例子中的Javascript脚本语言。但是在HTML5中，同样的功能只要加一个属性标签就可以实现了。

    非常清楚，直观并且易懂。这样的话使得Web设计者可以更放心地使用这些属性标签。由于HTML5中提供了大量的这种属性标签，使得开发出来的界面语言也变得更加简洁明了。

    HTML5使得HTML的构造也变得清楚，易懂。之前使用的div标签也不再使用，而是使用前面HTML5示例中那样直接书写的形式。

    这样的话，书写出来的界面结构立刻变得很清晰。各部位要展示什么内容也让人很容易读懂，

    虽然HTML5的宣称立场是“非革命性的发展”。但是它所带来的功能是让人渴望的，使用它所进行的设计也是变得很简单的，因此，深受着Web设计者与Web开发者的欢迎，因此，让我们准备欢迎HTML5时代的来临吧。