使用body元素作爲頁面包裝器

昨天我與同事們討論瞭如何使用body元素作爲包裝，以避免div.page-margins或div.wrapper作爲body元素的直接第一個子元素。使用body元素作爲頁面包裝器

我喜歡用身體作爲頁面包裝，並應用各種樣式，如寬度，邊距，位置等。通過快速搜索，我發現了這兩篇博文[1，2]，這證實了我。

我的同事不喜歡這個想法，因爲曾經有一些問題（IE7 +頁面縮放），它們被用來在body內部使用div.wrapper。

所以我的問題是：是否有任何代碼特定的參數反對使用正文元素作爲正常的容器元素？

附錄：因爲我們定義爲我們的前端團隊的最佳實踐，我們想擺脫一些habits-的，只是使用div.wrapper因爲有人來，這是那些習慣所之一:)

2013-07-24 Herr Paul

有異常，你應該知道你開始之前，像背景顏色，這在'body'被應用到整個窗口。除非你爲'html'設置了一個背景顏色。像這樣的東西。與舊版瀏覽器兼容，就像你說的。現代瀏覽器在這裏的表現都一樣，所以這不成問題。只要您避開怪癖模式或兼容模式！ –

感謝您的回答。你知道還有什麼異常嗎？你說： >類似的事情。那麼，是否還有其他問題（背景顏色/怪癖模式/兼容模式除外）？ –

如果html沒有這些樣式，許多'body'屬性會應用到'html'而不是body。想起「邊緣」和「邊界」。但是我找不到詳盡的清單，如果那是你的追求。抱歉。 –

我個人使用wrapper所有我所管理的網站，因爲這可以讓我有一個背景顏色，例如灰色，你可以看到here

我將有可能與身體這樣做，但那麼你就必須設置用html標籤代替body標籤的背景顏色。

真的沒有正確或錯誤的答案在這裏它只是個人的優先，但我發現wrapper更容易，因爲如果你問別人的幫助，他們可以更快地理解你的代碼。

總之，

如果你不使用的背景顏色那麼就應該有absolutley反對使用body沒有編碼參數。

如果您使用背景顏色，那麼有一個小的論據反對它，但它實際上只是個人的喜好。

希望這會有所幫助。

來源

2013-07-24 11:11:26

感謝您的回答。 >我可以做到這一點與身體，但你必須設置背景顏色與HTML標籤，而不是身體標籤。是的，我經常這樣做（對html元素應用背景顏色） - 那麼這是否有任何問題/困難？ :) –

以及沒有我能想到的。如果您嘗試通過w3c html驗證程序（以及css驗證程序）運行測試代碼，則可以檢查它是否爲有效代碼。驗證器的地址是：http://validator.w3.org/#validate_by_input和http://jigsaw.w3.org/css-validator/#validate_by_input希望這有助於！ –

除了其他人提供的背景顏色推理之外，我能想到的另一種情況是，這些日子裏需要包裝的地方是強制腳註「粘」到文檔的末尾（當文檔很短時，視口的底部）。除了這些情況，我想不出爲什麼包裝是需要。我知道，只要我記得，我已經使用了一個包裝器，所以你的同事很可能會像我一樣 - 從避免在老年人瀏覽器中引入錯誤的時候開始，這是一個老習慣。

我會說這是最好的做法，有一個包裝。這樣，如果規格要求稍後發生變化以要求全窗口背景顏色或固定頁腳，則您不必稍後添加包裝並處理大量樣式。畢竟，你只是在談論21個額外的字節...

<body><div id="body">...</div></body>

來源

2013-07-24 11:20:06

頁腳所需的包裝？不，你可以用'body'做同樣的事情。 –

感謝您的回答。我的最佳做法是避免額外的包裝 - 所以現在我們有兩個最佳實踐;）我認爲最好使用盡可能少的標記和儘可能多的 - 所以我寧願稍後添加包裝如果項目的要求會改變:) –

使用body元素作爲頁面包裝器

回答

相關問題