任鸟飞网站设计博客

做网站有6年时间了，刚开始的时候都是利用表格（table）来布局页面元素，后来因为CSS2.0的出现，而转变为利用div来布局，其最大的好处就是页面样式与内容数据的分离，这对网站重构（redesign）相当重要。而近来HTML5和CSS3开始大行其道，作为一名设计师，必须走在技术的最前沿，并尝试使用并推广HTML5和CSS3。

浏览器对HTML5的支持情况：

目前 Firefox、Google Chrome、Opera 及 Safari（版本 4 以上）已支援 HTML5 技术。

HTML 5 提供了一些新的元素和属性，新增加的一些标签有一定含义，例如<nav>（网站导航块）和<footer>（页脚） 。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。

HTML5与 HTML 4 的不同之处：

• 新的解析顺序
• 新的元素：section, video, progress, nav, meter, time, aside, canvas
• input 元素的新属性：日期和时间，email, url
• 新的通用属性：ping, charset, async
• 全域属性：id, tabindex, repeat
• 移除元素：center, font, u, strike, s, frameset, frame, applet

一些过时的 HTML 4 标记将取消，其中包括纯粹用作显示效果的标记，如 <font> 和 <center> ，因为它们已经被 CSS 取代。还有一些透过 DOM 的网络行为。

CSS3的一些特性

现在很多网站都已经开始使用CSS3了，利用CSS3可以制作投影，发光，渐变，圆角等效果。

使用HTML5和CSS3制作的网站模板下载 – A CSS3 Theme

预览 下载

总结：

通过这个模板的源代码（HTML5和CSS3），我们大致可以对HTML5和CSS3有个大致的了解，希望对你有所帮助和启发。