HTML5 教程学习 - HTML5+CSS3 实战(1) 前言

w3c-html5-logo-viiiix转悠了一下,觉得Smashing Magazine的一篇HTML5+CSS3实战范例还是不错的,从基础理念到规划设计再到页面代码编写,一步步很周到,于是决定拿这篇过来分期翻译一下;水平有限,自己学习了先,希望可以有一定的参考价值,欢迎交流指教。今天我们先来看看前言部分。道上的哥哥们说,这也叫前戏。

眼下,HTML5和CSS3基本已经到来,但到目前为止,这些新技术仍有待各位开发者在靠谱的项目中加以实践应用。作为开发者,我们不会做例如“哪个标签最好”这样没有意义的讨论,眼下重要的是为迎接新的技术而树立全新的思维形态,并修正一直以来的编码习惯,尤其是坏习惯。

虽然HTML5和CSS3仍处于规范工作进程中,并且这种状态还会持续不少时间,但已经没有理由不开始用它们了!...毕竟,时间证明了,对于那些尚未完成的规范(这里用了W3C对CSS2的规范作为例子)的贯彻和使用是可行的,尤其是在“渐进增强(Progressive Enhancement)”与“优雅降级(Graceful Degradation)”这两个概念参与进来之后。

时不我待,若待必败。今天开始,我们将使用这些新技术来做些小试验,最终,我们将共同学习到以下技能:

  • 通过优雅降级的理念和技术使试验页面在低级浏览器中保持可访问性和可用性
  • 通过渐进增强的理念和技术使试验页面符合“最新潮流”。
  • HTML5与微格式技术配合使用。
  • 对HTML5与CSS3带来的新功能有明确清晰的认识。

本教程假设读者至少拥有基础的HTML与CSS的知识技能,包括对过去常规的元素标签、选择器及属性的理解。

前言就到这里,明天继续;每次拿来一套新东西来学习和翻译的时候都很兴奋。我老happy了;以上。

译者:Viiiix7210

原文参考:Coding A HTML 5 Layout From Scratch


收藏与分享