嵌套DIV布局似乎與“布局結構與內容相分離”的原則衝突!

來源:互聯網
上載者:User
嵌套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標準提倡的“布局與內容分離”的原則!
不知道各位大俠如何看待這一問題?
多來點磚頭砸我,把我砸清醒吧。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。