嵌套DIV布局似乎与“布局结构与内容相分离”的原则冲突！

王朝asp·作者佚名 2006-01-09

为了合理实现XHTML+CSS格式的布局，似乎免不了在网页内容的HTML文件中写入嵌套的<div>标记，以实现那些常用的布局形式。比如：

...

<body>

<div id="header">this is header</div>

<div id="navigater">this is navigater</div>

<div id="content">this is content</div>

</div>

<div id="footer">this is footer</div>

</body>

...

然后在CSS文件定义各个div的风格属性。显然，其中名为"main"的<div>标签纯粹是为了控制"navigater"与"content"两个<div>的布局而加入的。这样一来，就形成了嵌套<div>的HTML代码。

问题是，将来如果更改网页布局，需要把navigater放到别的地方，例如"header"的上面。恐怕在修改CSS文件的同时，还必须修改体现内容的HTML文件以去掉那个嵌套的<div>形式。因为那个嵌套<div>结构其实是为了布局而写入HTML内容中的。

这样一来，就违背了XHTML+CSS标准提倡的“布局与内容分离”的原则！

不知道各位大侠如何看待这一问题？

多来点砖头砸我，把我砸清醒吧。

李战.深圳 2004-12-29