博客

这是一个面向零基础的前端教程，很简单，用零散时间就可以学习。

推荐早上读一下，晚上复习一下，如果可以奢侈一点，白天稍微练习一下下，总共花费 5~15 分钟。就酱！

看到有朋友把代码写在了一行，所以这一节讲一下缩进。首先这不是严格要求的，并不会因为你的格式写的不好而报错，但这是当你代码写的多了之后，自然而然的。因为谁也不想写出一堆，自己回头看都读不懂的代码。清晰的格式不是写给别人看的，而是写给自己看的。强迫症什么的，就是很赏心悦目啊~

代码中的空白一般不影响代码的运行效果，所以我们利用这些空白来格式化代码，使代码更容易阅读。

格式化代码一个最基本的操作就是

表现出代码的层级关系

。以下内容可以对照着我们最开始创建的那个 HTML5 页面模板来进行理解。

HTML 里面标签的嵌套，大家已经了解了，我们在代码格式中，也应该清晰的表达出这种嵌套关系，这样便于我们迅速的理清代码的结构。

当我们向内深入一个层级时，就会用 Tab 键在这一行的左侧增加一段空白，这被称为缩进。这样越是里层的元素，前面的空白就越多。如果是相同的层级，他们前面的空白是一样多的。

Tab 键一般会插入一个制表符，注意这和空格不相同，它是另外一个符号，但表现为的也是空白。