我很難理解為什么我們在 div 中使用如此多的 div 。例如，為什么我們要在彼此下面使用三個連續(xù)的 div（div id="showcase"然后div class="container"然后div class="showcase-content"）我在很多人的代碼中都看到過這一點，那么這樣做的好處是什么？div僅使用下面示例中的那個不是更有意義嗎？<div id="showcase">? <div class="container">? ? <div class="showcase-content">? ? ? <h1><span class="text-primary">Enjoy</span> Your Stay</h1>? ? ? <p class="lead">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolor,?? ? ? eligendi laboriosam. Repellendus officia harum eaque.</p>? ? ? <a class="btn" href="about.html">About Our Hotel</a>? ? </div>? </div></div>
3 回答
千萬里不及你
TA貢獻1784條經(jīng)驗 獲得超9個贊
HTML 標(biāo)簽有兩個部分很重要。
首先，HTML 是一種標(biāo)記語言，它使用標(biāo)簽來構(gòu)造信息并賦予其語義。Adiv本身沒有語義意義，因此對此使用嵌套div并不會增加太多，特別是如果 a 的唯一子級div是 another div。所以從 HTML 的角度來看，這些div沒有意義。如果可能的話，它們應(yīng)該被替換為更有意義的元素，例如section, article, ... 或使用 ARIA 屬性賦予它們語義。
另一部分是當(dāng)您想要在瀏覽器中呈現(xiàn) HTML 時，可以在此處為每個標(biāo)簽應(yīng)用樣式。如果這些嵌套div是必要的，那么在不知道元素的樣式如何的情況下很難判斷。在樣式化的情況下，如果具有語義含義的元素不足以實現(xiàn)所需的樣式，則可以添加諸如div或 之類的元素。span
如果使用像 bootstrap 或 Foundation 這樣的組件庫，那么關(guān)于嵌套結(jié)構(gòu)就沒有太多選擇，因為這是由這些庫給出的。但這并不意味著元素div不能被類似的東西替換section，因為這些庫通常只通過類名和屬性定義嵌套方式。
MMMHUHU
TA貢獻1834條經(jīng)驗 獲得超8個贊
每個 div 都是應(yīng)用不同 css 樣式的元素，并且當(dāng) css 樣式應(yīng)用于盒模型時，它應(yīng)該是一個單獨的塊，因此其結(jié)構(gòu)是這樣的！
長風(fēng)秋雁
TA貢獻1757條經(jīng)驗 獲得超7個贊
我認(rèn)為這取決于偏好。我個人使用了很多 div，因為我發(fā)現(xiàn)自己與元素的預(yù)定義行為作斗爭，而不是它們真正幫助我。
例如，如果我用于<h1>標(biāo)題，十分之九我必須調(diào)整字體大小、字符間距、顏色、邊距/填充。對我來說，我寧愿重新開始并從頭開始設(shè)計它，使其看起來像我想要的那樣，因為我知道我想要的一切以及 div 如何響應(yīng)這些樣式。
我認(rèn)為這兩種方式都沒有任何優(yōu)點/缺點，這取決于你覺得自己適合什么以及你是如何學(xué)習(xí)的。
如果您覺得按照您在那里展示的方式進行操作很舒服，那么就開始吧！
- 3 回答
- 0 關(guān)注
- 229 瀏覽
添加回答
舉報
0/150
提交
取消