第一章 Web时代的变迁-《HTML5+CSS3权威指南》

猫性男孩

其实这一章没有什么可好做笔记的，主要就是说HTML5的推广的力度和浏览器的支持情况。

关于绝大多数的技术书籍的第一章都是介绍本书籍讲解技术的强大之处。本书也是一样的，开篇就介绍了HTML5相比HTML4.0的强大之处。

目前对HTML支持比较好的Safari Google FF Opera，IE9比较少一点。

HTML5的强大之处：兼容性强，简洁，明了，增加了许多的新元素ect。不多说了，

书上开篇的第一个示例并不是神圣的Hello, World哦，呵呵...贴出来给大家看看。主要是HTML5和HTML4的对比，显示HTMl5的方便、简洁。

1	<-- HTML4 -->

[backcolor=rgb(248, 248, 248) !important]

2

<form>

3

<p>

[backcolor=rgb(248, 248, 248) !important]

4	<lable>Username:<input name=search type="text" id="search" /></lable>

5

</p>

[backcolor=rgb(248, 248, 248) !important]

6	<script type="text/javascript">

7	document.getElementById('search').focus()

[backcolor=rgb(248, 248, 248) !important]

8

</script>

9

</form>

[backcolor=rgb(248, 248, 248) !important][color=rgb(160, 160, 160) !important]view source
[color=rgb(160, 160, 160) !important]print[color=rgb(160, 160, 160) !important]?

1	<-- HTML5 -->

[backcolor=rgb(248, 248, 248) !important]

2

<form>

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

[backcolor=rgb(248, 248, 248) !important]

4

</form>

根据我看第二章的知识，我在把上面HTML5部分代码简化一点，但是没有多大用处。

1

<form>

[backcolor=rgb(248, 248, 248) !important]

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

就是<p>可以不需要结束标签，呵呵...不过这对很多马虎的人还有很有帮助的。第二章将会介绍那些标签是可以不用写结束标签的。

书上说HTML5在老版本浏览器上也可以正常运行。这话说的，还好我不是喷子。正常运行不可能的，只是说不支持可以不显示而已，正常现实，还得在标签里面加入HTML4代码吧！

这章也没什么可讲的了，剩下的差不多就是IE历史录了。

欢迎排砖！