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

类别:Asp 点击:0 评论:0 推荐:

    嵌套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标准提倡的“布局与内容分离”的原则!
    不知道各位大侠如何看待这一问题?
    多来点砖头砸我,把我砸清醒吧。

李战.深圳 2004-12-29

本文地址:http://com.8s8s.com/it/it7639.htm