DivCSS:并非所有內(nèi)容都必須要div做“容器”_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
主菜單究竟是用<div id="mainnav"><ul>...</ul></div>還是<ul id="mainnav">...</ul>?
這是一個博弈的問題。至今這個問題也沒有人能夠給出明確的答案,就連我也是如此。誠然,<div id="mainnav">在只包含了一個<ul>元素的時候,這個div就顯得有些冗余,但有時候為了配合美工絢麗的設計,多一層標簽就意味著多一層變化(有些人在a標簽里套span也是如此)。而div不帶任何原始屬性的先天優(yōu)勢也是其它標簽所無法比擬的。
這個命題我只是想說明一件事,就是我們應該意識到,<div id="mainnav"><ul>...</ul></div>之外,還有<ul id="mainnav"></ul>這種寫法,同樣具有良好的結(jié)構(gòu)和語義,并且省去了一層嵌套。在我們不需要為華麗的美工勞心勞神的時候,是不是也可以讓結(jié)構(gòu)更加簡約呢?
這個命題其實還可以引申為——“并不是所有內(nèi)容都需要塊元素做容器”、“并不是所有鏈接都需要其它元素做容器”,例如很多頁面都有的“更多”。有些人寫做“<div class="more"><a>...</a></div>”,也有人寫做<p><a>...</a></p>或者<strong><a>...</a></strong>。
在這些“容器”只包含了一個<a>標簽的時候,它們是否還有存在的必要?直接寫成<a class="more">...</a>會破壞結(jié)構(gòu)嗎?會缺乏語義嗎?會影響布局嗎?換一種思路,你也許就會有不一樣的收獲。
這是一個博弈的問題。至今這個問題也沒有人能夠給出明確的答案,就連我也是如此。誠然,<div id="mainnav">在只包含了一個<ul>元素的時候,這個div就顯得有些冗余,但有時候為了配合美工絢麗的設計,多一層標簽就意味著多一層變化(有些人在a標簽里套span也是如此)。而div不帶任何原始屬性的先天優(yōu)勢也是其它標簽所無法比擬的。
這個命題我只是想說明一件事,就是我們應該意識到,<div id="mainnav"><ul>...</ul></div>之外,還有<ul id="mainnav"></ul>這種寫法,同樣具有良好的結(jié)構(gòu)和語義,并且省去了一層嵌套。在我們不需要為華麗的美工勞心勞神的時候,是不是也可以讓結(jié)構(gòu)更加簡約呢?
這個命題其實還可以引申為——“并不是所有內(nèi)容都需要塊元素做容器”、“并不是所有鏈接都需要其它元素做容器”,例如很多頁面都有的“更多”。有些人寫做“<div class="more"><a>...</a></div>”,也有人寫做<p><a>...</a></p>或者<strong><a>...</a></strong>。
在這些“容器”只包含了一個<a>標簽的時候,它們是否還有存在的必要?直接寫成<a class="more">...</a>會破壞結(jié)構(gòu)嗎?會缺乏語義嗎?會影響布局嗎?換一種思路,你也許就會有不一樣的收獲。
相關Div+CSS教程:
- 相關鏈接:
- 教程說明:
Div+CSS教程-DivCSS:并非所有內(nèi)容都必須要div做“容器”。