自从2010年HTML5正式推出以来,它立刻受到了世界各大浏览器的热烈欢迎与支持根据世界上各大IT界知名媒体评论,新的Web时代,HTML5的时代马上就要到来。
本章重点介绍什么是HTML5？
HTML5产生的时代背景？
为什么HTML5会如此深受业界欢迎？
以及HIML能够解决什么问题？
学习内容:口初步了解什么是HTML5？
HIML5与之前版本的HTML大致上有哪些区别口了解世界各大知名浏览器目前的发展策略,
为什么它们都不约而同地把支持HIML5当成目前的工作重点,就连微软也把全面支持HTML5作为新版 Internet Explorer9(IE9)浏览器的开发重点与主要宣传手段。口了解为什么说开发者今后可以放心大胆地使用HTML5进行web网站与Web应用程序的开发,HML5被正式推广以后之前的web网站与Web应用程序怎么办口了解使用HTML5到底可以解决哪些问题11迎接新的Web时代11.1HTML5时代即将来临
自从2010年HTML5正式推出以来,它就以一种惊人的速度被迅速推广着,就连微软也因此为下一代IE9做了标准上的改进,使其能够支持HTML5。关于各主流浏览器对于HTML5所表现出来的热烈欢迎、积极支持的详细情况,以及为什么HTML5会如此受欢迎我们将在后面几节中详细介绍,这里,笔者要告诉大家的是,目前业界全体都步调一致地朝着HTML5的方向迈进着,HTML5的时代马上就要到来了。在全面介绍HTML5的相关知识之前,我们先来认识一下HTML5中的部分代码,对HTML5有个初步的了解首先,我们来看一段HIML4中常见的 Javascript代码,如1-1所示
1-1HTML4中的 Javascript代码示例
<form> <p> <abel>Username: <input name=search type="text" id="search"></label> </p> <script type="text/javascript">document. getelementbyid （"search"). focus(） </form>
在HTML 5中，这段代码将会以怎样的形式出现呢？具体如1-2所示。
1-2 用HTML 5实现代码清单1-1中的JavaScript代码
<form><p><label>Search:<input name=search autofocus></label></p></form>
HTML 4页面结构
< div id = "header" > . < / div > < div id = " nav " > . < / div > < div class = article >.< / div > < div id = " side-bar " > . < / div > < div id = " footer > . < / div >
HTML 5页面结构
<header >..< /header > <nav>...</nav> <article >...</article > <sidebar >... < /sidebar> < footer > ...< / footer >
怎么样?看出区别来了吗?在第一个示例中,我们可以看见,在HTML4中的一段Javascript.代码,
在HTML5中消失了,取而代之的是一个在HTML5中新出现的属性。
在第二个示例中,我们可以看见,在HTML4中常见的用div来划分页面结构的方法,到了HTML5中,
也被一种HTML5中新出现的标签给替代了。
