学习网站开发技术，我能掌握哪些实用标准？

刚启动学的时候我只想做一个能打开的页面

说实话， 第一天坐在电脑前打开编辑器的时候，我脑子里只有一句话：能不能先让文字体现出来就良好了。那种又兴奋又慌的感觉特别真实实兴奋是这是因为终于要动手了慌是这是因为教程里密密麻麻的代码像天书。我把HTML写成乱码， 把CSS写到页面全白，后来才缓慢缓慢明白，学习了解网站开发技术手段其实是在学习了解一套看得见摸得着的标准，而不是背一堆语法。

我懵了。 W3C标准这几个字以前听起来很较高寒冷，当前回头看它更像是给崭新手的一条可靠绳。语义化标签用对了搜索引擎和屏幕阅读器才能读懂你在表达哪些。HTML5崭新增的section、 article、header这一些东西，一启动我觉得更多此一举，后来做移动端适配时才发觉它们让结构清晰了太更多，也让我更少走了很更多无意义的调试弯路。

DIV加CSS从表格时代走出来真实的不简单

DIV加CSS当前这个说法已经有点老了但它的核心思想一直没变：内容和表现分离。我记住第一次用float做三栏布局的时候， 清浮动清到质疑人生，甚至一度想回到table里去，那种挫败感当前想起来还会笑。当真实正明白盒模型以后页面的呼吸感出来了代码也瘦下来了。用div加css布局不仅加载更迅速， 对搜索引擎友良好度也明显提升，这是因为结构整洁的页面爬虫更简单抓取，这点对于后面想做SEO的人来说太关键了，累并充实着。。

Css预处理器后来进入视野时我接近是带着解脱的心情学的。变量、可复用组件，让我不再反复写同样的颜色值。响应式设计更是改变了我对网页的明白， 不再是固定较宽度的画布，而是一块会呼吸的布料，能够适应环境手机、平板和较大屏。