Day2-html的基本语法特性

HTML的基本语法特性

3.1 HTML对换行不敏感，对tab不敏感

HTML只在乎标签的嵌套结构，嵌套的关系。谁嵌套了谁，谁被谁嵌套了，和换行、tab无关。

换不换行、tab不tab，都不影响页面的结构。

所以：

1                  <div>

2           <h3></h3>

3               <p></p>

4                  </div>

完全等价于：

1                  <div>

2                         <h3></h3>

3                         <p></p>

4                  </div>

也就是说，HTML不是依靠缩进来表示嵌套的，就是看标签的包裹关系。但是，我们发现有良好的缩进，代码更易读。要求大家都正确缩进标签。

 

百度为了追求极致的显示速度，所以HTML标签都没有换行、都没有缩进（tab），HTML和换不换行无关，标签的层次依然清晰，只不过程序员不可读了：

 

 

3.2 空白折叠现象

HTML中所有的文字之间，如果有空格、换行、tab都将被折叠为一个空格显示。

代码：里面有空格、缩进、换行

1                  <p>我爱

2            

3            

4                                                               陈伟</p>

显示的时候，折叠了：

 

3.3 标签要严格封闭

标签不封闭是灾难的：

1           <title>欢迎<title>

 

多说一嘴，HTML、CSS就是写代码，不能算“编程”，因为这里面没有业务逻辑，加减乘除，与或非。

说白了，就是用代码画画。