嵌套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标准提倡的“布局与内容分离”的原则！
不知道各位大侠如何看待这一问题？
多来点砖头砸我，把我砸清醒吧。
相关文章
 我来说两句 |
对此文章发表了评论 |
评论列表 （最新 评论仅限网友观点！）
推荐文章
