我很難理解為什么我們在 div 中使用如此多的 div 。例如，為什么我們要在彼此下面使用三個連續的 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條經驗 獲得超9個贊
HTML 標簽有兩個部分很重要。
首先，HTML 是一種標記語言，它使用標簽來構造信息并賦予其語義。Adiv本身沒有語義意義，因此對此使用嵌套div并不會增加太多，特別是如果 a 的唯一子級div是 another div。所以從 HTML 的角度來看，這些div沒有意義。如果可能的話，它們應該被替換為更有意義的元素，例如section, article, ... 或使用 ARIA 屬性賦予它們語義。
另一部分是當您想要在瀏覽器中呈現 HTML 時，可以在此處為每個標簽應用樣式。如果這些嵌套div是必要的，那么在不知道元素的樣式如何的情況下很難判斷。在樣式化的情況下，如果具有語義含義的元素不足以實現所需的樣式，則可以添加諸如div或 之類的元素。span
如果使用像 bootstrap 或 Foundation 這樣的組件庫，那么關于嵌套結構就沒有太多選擇，因為這是由這些庫給出的。但這并不意味著元素div不能被類似的東西替換section，因為這些庫通常只通過類名和屬性定義嵌套方式。
長風秋雁
TA貢獻1757條經驗 獲得超7個贊
我認為這取決于偏好。我個人使用了很多 div，因為我發現自己與元素的預定義行為作斗爭，而不是它們真正幫助我。
例如，如果我用于<h1>標題，十分之九我必須調整字體大小、字符間距、顏色、邊距/填充。對我來說，我寧愿重新開始并從頭開始設計它，使其看起來像我想要的那樣，因為我知道我想要的一切以及 div 如何響應這些樣式。
我認為這兩種方式都沒有任何優點/缺點，這取決于你覺得自己適合什么以及你是如何學習的。
如果您覺得按照您在那里展示的方式進行操作很舒服，那么就開始吧！
- 3 回答
- 0 關注
- 195 瀏覽
添加回答
舉報
0/150
提交
取消