HTML5基本代码习惯与代码练习

HTML5学堂：在书写代码时，代码规范很重要，在本文当中，讲解了基本的代码规范，并提供了代码范例，在初入HTML5时，如果打字速度不够，我们推荐敲代码实例来练习打字。

“最”基本的代码书写顺序

我们练习敲代码必须先把网页文档的基本组成部分写好，再写其他，网页文档部分如图：

基本书写规范

标签有开有关，成对出现。例如<div></div>，表示的是一个div标签，<div>表示div标签的开，而</div>则表示一个标签的关。

在HTML5当中，也存在单标签，即有开无关的标签，但是大家使用到单标签的种类并不多，主要包括<meta><link><img><input><hr>等。

代码部分的中英文选择方面，需要使用英文，并且均为小写。

标签和标签时存在一定的关系的，有些标签是父子关系（此处就是我们说的嵌套），有些是兄弟关系。在HTML当中为了表示层级关系，每个级别的标签都要比上一个级别的标签缩进一个tab的距离（一个tab ——> 按下一下tab键），注：每个tab键是4个空格宽度。

在书写代码时，还需要注意行号，由于编辑器的宽度原因，有些代码会被挤下去，但是根据行号显示，还是同一行。

代码实例 - 可以用这个来打字哦~

代码完成后的效果图：

欢迎沟通交流~HTML5学堂