html - 学习 HTML5 和 CSS3

标签 html css web-standards

<分区>

想象一下,今天是 2011 年 3 月 1 日,某人从未写过网页,想知道他们应该阅读哪些内容才能在今天开始构建网页。他们不关心向后兼容性,但希望使用 web 标准构建,以便它们可以在尽可能多的浏览器中移植(是的,我是说我不关心我的网页是否不支持 IE 4- 8、Opera、Netscape、Mozilla 等,我真的不在乎,因为我从来没有使用过它们,而那些将使用我正在构建的工具的人可能也是如此)。

此人的偏见或坏习惯为零,因为他们以前从未做过。他们也非常活跃,所以如果他们不得不阅读 200 页关于“为什么使用 Web 标准”或“为什么 Web 标准比“旧方法”更好”,他们就会灰心和分心,然后把书扔掉,然后去游泳。说到这里,我的头发都湿了。

他们正在寻找引人入胜且简洁的引用资料。他们并不愚蠢,这个人是一位真正的工程师,他做过一点点开发,一两年的系统管理,甚至建立了一两家成功的公司。他们只是没有上大学,因为他们真的不是书本学习者,并且更擅长应用实践学习,而不是为了获得他们真正需要的两三件事而吸收成堆的无用数据。

考虑到有关个人的所有这些数据,而且我知道很多都是关于那个人的(当然这个人就是我),您会推荐哪些书籍或资源?

(Zeldman 的书已经卖完了,因为我已经把它们扔掉了,然后今天去游泳了。)

最佳答案

一些不错的入门资源:

  • Mozilla Developer Network : 对于 HTML、CSS、Javascript 和 DOM。
  • Dive into HTML5 : 学习所有关于 HTML5 的知识
  • JSfiddle : 无需每次都构建整个页面即可随意摆弄。
  • HTML Validator : 用于确保您编写的 HTML 有效。
  • CSS3 Preview : CSS3 的一些新特性的概述。
  • Official HTML5 spec :当您需要直接从源头获取所有详细信息时。
  • jQuery : 可以说是使为网站编写 javascript 更容易的最佳框架。
  • A List Apart :“对于制作网站的人”。绝对不适合入门,但适合定期阅读。
  • Firebug :如果您使用的是 Firefox,这是必备的。
  • Developer Tools : 内置于 Chrome 和 Safari(本质上是 webkit 的 Firebug )

此外,不要使用 W3 Schools 。请看W3 Fools一长串原因。 W3 Schools 通常会出现在搜索结果的顶部,但抵制使用它的诱惑。

关于html - 学习 HTML5 和 CSS3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5161661/

相关文章:

javascript - 鼠标悬停在单个文本字母上的放大效果

javascript - 为什么 FireFox 不能正确显示我的文本 (Arial)

javascript - 如果我将固定宽度更改为 'auto' 动画会失真

html - 如何使自动适应所有分辨率和所有屏幕 html 页面?

php - 本地网络应用程序和 W3C 标准

jquery - 检测屏幕大小并更改 div 填充中的百分比

html - 如何获取 Racket 中编码所表示的字符?

html - div 在其他 div 之下

css - 正确使用 Blockquote、q 和 cite?

javascript - 在 Internet Explorer 9 中附加到 ActiveX 事件