做网站有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有个大致的了解,希望对你有所帮助和启发。
哎!看来落后了,刚接触CSS2.0啊!
做的很彩,我会常来关注的!
@郑州seo 说实话 这个效果是我抄来的 哎 当时一下子就被吸引住了。
你的 gg 广告放的有技术含量