嵌套DIV布局似乎与“布局结构与内容相分离”的原则冲突!
网络整理 - 08-10
嵌套DIV布局似乎与“布局结构与内容相分离”的原则冲突!为了合理实现XHTML+CSS格式的布局,似乎免不了在网页内容的HTML文件中写入嵌套的<div>标记,以实现那些常用的布局形式。比如:
...
<body>
<div id="header">this is header</div>
<div id="main">
<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标准提倡的“布局与内容分离”的原则!
不知道各位大侠如何看待这一问题?
多来点砖头砸我,把我砸清醒吧。