某人专用教程（第2天）—— 关于HTML基础

今天开始正式编码了。。怎么装dw应该不用我教你了。我相信你有的。

 

反正打开dw，创建一个新html文件。如果你在欢迎面板上点击的创建，最近这几个版本的dw，都会默认新建个xhtml1.0的文件。

 

关于Doctype，你随便网上搜这个关键字，就能找到一大堆文邹邹的内容。这种玩意我就不讲了。自己搜下。基本就是说它告诉浏览器按照什么规范来解析页面。大概这样的。

 

反正我里经过的几个时代：html4  xhtml1.0和目前比较火但还不太靠谱的html5

 

对于html与xhtml的历史，网上也有一大堆。我也不说了。

 

就表现层上来说，doctype不同，同样一段css表现出来的样式，有时候是有差异的。

 

我最初学习html的时候，并没有注意到doctype这行内容，但那时候比较流行html4。后来流行xhtml1.0的时候，某一天我写了个样式却怎么都不生效。后来才注意到原来是doctype引起的。

 

反正如果不是要创新的话，现在一般都用xhtml1.0了。

 

doctype还分三种dtd类型，最常见的是Transitional，叫做过渡行的。还有一种叫做Strict。成为严格的。另外一种叫frameset，是框架的。

 

在dw中默认的是Transitional型的。反正只要Strict 下正常的页面，在Transitional一定正常。暂时理解为，一个小于2的数，一定小于5；但是小于5的数字未必都小于2。

 

frameset是比较特殊的一种类型，用来定义框架。我记得特别特别古老的时候，那时候还木有局部刷新的概念，那时候，做那种后台管理系统，左边是菜单，邮编是内容的，经常采用这种框架形式。现在已经很少有人用了。

 

采用了不同的Doctype，在编写代码时候，是有不同注意事项的。

 

我一般采用的是xhtml1.0 Transitional形式来编写html代码。

 

xhtml与html在编码上最大的不同，就是，html不要求标签必须闭合，但是xhtml要求标签必须是闭合的。

 

标签，暂时分为两类吧。

 

第一类：必须成对出现的标签。这类标签通常中间可以插入其他内容。比如<div>标签。每个<div>都需要有一个对应的</div>闭合标签来表示这个div。

 

第二类：直接闭合的标签。这类标签通常只有属性值，中间不能插内容了。比如<img src="xx.jpg' alt=""  />和<input />标签。这类标签的闭合方式是直接在最后一个属性值后面写 "空格 + /"。空格和斜杠一个都不能少哦~~

 

但是在html中，标签是允许不闭合的。尤其是<img>这种标签。大部分html页面中的图片都被写为<img src="xx.jpg' alt=""> 就没有最后的空格和斜杠啦~如果文档采用的doctype是xhtml形式，就可以直接告诉对方：这样写是错误的啦。xhtml必须闭合标签。其实不闭合标签也没什么，因为浏览器都聪明的很，会很智能的自行闭合这些标签。

 

xhtml要求闭合标签，一个就是符合语法规范，否则无法通过所谓的w3c验证哦。再一个，浏览器再聪明，也不能作为自己可以继续2b下去的理由啦。。既然要学，就专业一点嘛。。

 

成对出现的标签，虽然html中也声称可以不闭合。但是你自己不闭合的话，结构一复杂起来，自己不晕么！看起来结构就不清晰了。不利于开发和维护代码。另外，自己都晕了，浏览器说不定也会晕。。至少我不敢冒这个险，让浏览器分析那些代码去。

 

成对出现的标签，我也暂时自己把他们分为2类吧。我自己瞎起2个名字

1，单级标签。

2，多级标签。

 

这个“级”指的是层级啦。

 

单级标签，就是说这个标签就是一级，随便什么地方用都可以。比如div，比如p标签。比如h1。比如span标签。

 

多级标签，是说，某个标签是个标签组。比如ul列表。其中<ul>代表这是一个无序列表，<li>标签代表这个<ul>列表中的单条信息。

 

 

<ul>
	<li></li>
	<li></li>
</ul>

 

多级标签有很多注意事项

1，代码的层级顺序不能是错误的。也就是<li>标签不能放在ul外层。

2，父元素中必须套用规定的子元素标签。如：ul中不可以套用除了其指定标签以外的其他标签。比如ul中就不能直接套div标签。如果需要套用div，必须放在li标签里面或者放在ul标签外面。

3，子元素标签必须放在其对应的父元素中。如：li标签必须放在ul标签里面。不能用<div>直接套<li>

 

更复杂一点的多级标签就是table了。table是三层或者是四层标签。每一层都不允许套反。这个自己先悟一下吧。做了这么多table的edm，自己应该有心得了。

 

好吧。。今天就这样。好好理解下代码规则。预告明天教程：一些常用标签的语义和用法。这个我估计会copy别人的文档了。省着你自己去找。。。