嵌套DIV布局似乎与“布局结构与内容相分离”的原则冲突！
日期：2013-11-26 浏览次数：20988 次
嵌套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标准提倡的“布局与内容分离”的原则！
不知道各位大侠如何看待这一问题？
多来点砖头砸我，把我砸清醒吧。
为了合理实现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标准提倡的“布局与内容分离”的原则！
不知道各位大侠如何看待这一问题？
多来点砖头砸我，把我砸清醒吧。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
