mercurywin 发表于 2013-2-8 00:40:57

DIV标签可以简单的直接结束掉吗?

经过上次的计划,我准备用DW做前端,因为是可视化的软件,管理和开发相对来说比较方便和直观,真的不得不赞叹DW的贴心,感觉许多地方处理的都很人性化,用起来特别的爽,不过正当我用默认的FF来浏览我刚用DW开发好的页面的时候,发生了意料之外的事情。
 
以下是一部分XHTML的代码:
<body id="overview"><div id="header"><div id="logo"/><div id="slogan"/><div id="line"/></div></body> 以下是对应的CSS代码:
#header{width:1000px;height:800px;}#header #logo{margin-top:25px;margin-left:22px;width:134px;height:70px;background-image:url(../images/logo-normal-134x70.png);display: block;}#header #slogan{margin-top:70px;width:177px;height:25px;background-image:url(../images/slogan-177x25.png);}#header #line{margin-left:22px;margin-top:23px;border-top-color:#FFFFFF;border-top-width:5px;border-top-style:solid;} 
弄完之后DW显示是完全正确的,可是当我打开默认的FF的时候,确发生了不可思议的事情,DW中显示:

http://dl.iteye.com/upload/attachment/229547/ac3f58f6-5ef2-36b5-933a-cb3c6eb6a8ee.gif
这个明显不满足预期,slogan和logo在我看来应该是两个DIV,怎么会合在了一起?很莫名的错误,后来不知道怎么回事,突发奇想了下,会不会是由于
<div id="logo"/>这样子的格式造成的,我于是就改为了
<div id="logo"></div>同样此时DW也还是好的,我打开了FF,浏览了下效果,果然神奇般的恢复了:

http://dl.iteye.com/upload/attachment/229549/39cd11a3-acff-3b2a-b677-c3504c158e75.gif
 
结论:在写XHTML时,div标签不能直接用<div/>来结束,我知道这只是表象,希望哪位兄台能告诉到底这个的本质原因是什么,小弟不胜感谢。
 
页: [1]
查看完整版本: DIV标签可以简单的直接结束掉吗?