亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

正在回答

1 回答

div:本身沒有任何語義,用作布局以及樣式化。


section:與 div 的無語義相對,簡單地說 section 就是帶有語義的 div 了,但是千萬不要覺得真得這么簡單。section 表示一段專題性的內容,一般會帶有標題。section 應用的典型場景有文章的章節、標簽對話框中的標簽頁、或者論文中有編號的部分。一個網站的主頁可以分成簡介、新聞和聯系信息等幾部分。section 不僅僅是一個普通的容器標簽。當一個標簽只是為了樣式化或者方便腳本使用時,應該使用 div 。一般來說,當元素內容明確地出現在文檔大綱中時,section 就是適用的。

<article>

?<hgroup>

??<h1>Apples</h1>

??<h2>Tasty,?delicious?fruit!</h2>

?</hgroup>

?<p>The?apple?is?the?pomaceous?fruit?of?the?apple?tree.</p>

?<section>

??<h1>Red?Delicious</h1>

??<p>These?bright?red?apples?are?the?most?common?found?in?many

??supermarkets.</p>

?</section>

?<section>

??<h1>Granny?Smith</h1>

??<p>These?juicy,?green?apples?make?a?great?filling?for

??apple?pies.</p>

?</section>

</article>

? ??

article:這是一個特殊的 section 標簽,它比 section 具有更明確的語義, 它代表一個獨立的、完整的相關內容塊。一般來說,?
article 會有標題部分(通常包含在 header 內),有時也會 包含 footer 。雖然 section?
也是帶有主題性的一塊內容,但是無論從結構上還是內容上來說,article 本身就是獨立的、完整的。當 article 內嵌 article 時,原則上來說,內部的 article 的內容是和外層的 article 內容是相關的。例如,一篇博客文章中,包含用戶提交的評論的 article 就應該潛逃在包含博客文章 article 之中。


<article>

?<header>

??<h1>The?Very?First?Rule?of?Life</h1>

??<p><time?pubdate?datetime="2009-10-09T14:28-08:00"></time></p>

?</header>

?<p>If?there's?a?microphone?anywhere?near?you,?assume?it's?hot?and

?sending?whatever?you're?saying?to?the?world.?Seriously.</p>

?<p>...</p>

?<section>

??<h1>Comments</h1>

??<article>

???<footer>

????<p>Posted?by:?George?Washington</p>

????<p><time?pubdate?datetime="2009-10-10T19:10-08:00"></time></p>

???</footer>

???<p>Yeah!?Especially?when?talking?about?your?lobbyist?friends!</p>

??</article>

??<article>

???<footer>

????<p>Posted?by:?George?Hammond</p>

????<p><time?pubdate?datetime="2009-10-10T19:15-08:00"></time></p>

???</footer>

???<p>Hey,?you?have?the?same?first?name?as?me.</p>

??</article>

?</section>

</article>

? ?


總結:div section article ,語義是從無到有,逐漸增強的。div?
無任何語義,僅僅用作樣式化,對于一段主題性的內容,則就適用?
section,而假如這段內容可以脫離上下文,作為完整的獨立存在的一段內容,則就適用 article。原則上來說,能使用 article?
的時候,也是可以使用 section 的,但是實際上,假如使用 article 更合適,那么就不要使用 section 。nav 和 aside
的使用也是如此,這兩個標簽也是特殊的 section,在使用 nav 和 aside 更合適的情況下,也不要使用 section 了。


對于 div 和 section、 article 以及其他標簽的區分比較簡單。對于 section 和 article?
的區分乍看比較難,其實重點就是看看這段內容脫離了整體是不是還能作為一個完整的、獨立的內容而存在,這里面的重點又在完整身上。因為其實說起來?
section 包含的內容也能算作獨立的一塊,但是它只能算是組成整體的一部分,article 才是一個完整的整體。


1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
HTML5和CSS3扁平化風格博客
  • 參與學習       86790    人
  • 解答問題       406    個

HTML5與CSS3搭建超酷扁平化風格博客

進入課程

section和DIV

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號