如题所述
ä¸ãArticleå ç´
ä»ååä¸ï¼å®å·²ç»å¾å¥½çè¯ éäºèªå·±ï¼ä½æ¯æ们ä»è¦ççå®æ¹ææ¡£ä¸æ¯å¦ä½æè¿°å®çï¼
âå¨ææ¡£ï¼é¡µé¢ï¼åºç¨ææ¯ç«ç¹ä¸çä¸ä¸ªç¬ç«é¨åï¼å¹¶ä¸å¤§ä½ä¸ï¼æ¯å¯ç¬ç«åé ï¼ææ¯éå¤ä½¿ç¨çï¼ä¾å¦å¨åå¸æ¶ãè¿ä¸ªå¯ä»¥æ¯è®ºåå¸åï¼æå¿ææ¯æ°é»ï¼å客æ¡ç®ï¼ç¨æ·æ交çè¯è®ºï¼äºå¨çå°å·¥å ·æå°å·¥å ·ï¼æä»»ä½å ¶ä»ç¬ç«é¡¹ç®çå 容ãâ
ä»ä¸æè¿°ä¸ï¼æ们å¯ä»¥æ»ç»åº<article>å ç´ ä¸ç¨äºç»æåæç« ï¼ç¹å«æ¯æ们è¦åå¸çï¼ä¾å¦å客ï¼é¡µé¢å 容ææ¯è®ºåå¸åã
以ä¸ä¾åç»åºäºå¦ä½ä½¿ç¨<article>æ建ä¸ä¸ªå客æç« ã
<article class="post"><header>
<h1>This is Blog Post Title</h1>
<div class="post-meta">
<ul>
<li class="author">Author Name</li>
<li class="categories">Save in Categories</li>
</ul>
</div>
</header>
<div class="post-content">
Sweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.
Biscuit powder jelly-o fruitcake faworki chocolate bar. Pudding oat
cake tootsie roll sesame snaps lollipop gingerbread bonbon. Gummies
halvah gummies danish biscuit applicake gingerbread jelly-o pastry.
</div>
</article>
æ¤å¤ï¼<article>å ç´ è¿å¯ä¸sectionå ç´ ç»åï¼éè¦çæ¶åï¼å¯ä»¥ä½¿ç¨<section>å ç´ å°æç« å为å 个段è½ï¼å¦ä¸ä¾æ示ã
<article class="post"><header>
<h1>This is Blog Post Title</h1>
<div class="post-meta">
<ul>
<li class="author">Author Name</li>
<li class="categories">Save in Categories</li>
</ul>
</div>
</header>
<div class="post-content">
<section>
<h2>This is the Sub-Heading</h2>
Sweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.
Biscuit powder jelly-o fruitcake faworki chocolate bar. Pudding oat cake
tootsie roll sesame snaps lollipop gingerbread bonbon. Gummies halvah
gummies danish biscuit applicake gingerbread jelly-o pastry.
</section>
<section>
<h3>This is another Sub-Heading</h3>
Topping cheesecake sweet pie carrot cake sweet roll. Gummi bears lemon drops
toffee sesame snaps tart topping chupa chups apple pie gummies. Wafer chocolate
cake. Sugar plum chocolate bar topping ice cream carrot cake danish bonbon.
Cheesecake gummi bears dragée jujubes dragée dragée brownie jelly biscuit. Powder croissant jelly beans pastry.
</section>
</div>
</article>
äºãSectionå ç´
è¿æ¯ä¸ä¸ªæ容æ产çæ§ä¹çå ç´ ãå®ä¸<div>å ç´ æä»ä¹åºå«ï¼æ们ä¸ç´å¨ç¨<div>æ¥åå段è½ï¼æ以é¤äº<div>,æ们ä»ä¹æ¶å使ç¨è¿ä¸ªå ç´ ãæ们å¼ç¨å®æ¹ææ¡£æ¥éè¿°å®ãæ ¹æ®WHATWGææ¡£ï¼å¯¹<section>å ç´ åäºä»¥ä¸æè¿°ï¼
â<section>å ç´ è¡¨ç¤ºäºä¸ç¯ææ¡£æåºç¨ä¸ï¼éç¨æ®µè½ â WHATWGâ
ä»æè¿°ä¸æ们å¯ä»¥çåº<section>å ç´ çä½ç¨å°±æ¯å段ï¼æå¤æå°ç±»ä¼¼äº<div>ãä½æ¯å®ä»æä¸ä¸ªç¹ä¾ãå¨ææ¡£ä¸ï¼å å ¥äºä¸æ®µç¹å«å£°æï¼
âå½ä¸ä¸ªå ç´ ä» ç¨äºé£æ ¼æ ·å¼ææ¯ä¸ºäºèæ¬çæ¹ä¾¿ï¼æ们é¼å±ä½è 使ç¨<div>ã<section>å ç´ éç¨äºï¼å½å ç´ çå 容éè¦æç¡®çååºæ¶ã- WHATWGâ
åºäºè¿ä¸ç¹ï¼æ们å¯ä»¥æ»ç»ä»¥ä¸ä¸¤ç¹ï¼
尽管sectionå ç´ å¨ææ¯ä¸æ¯å¯ä»¥è®¾è®¡æ ·å¼çï¼ä½æ¯å½æå¤æçæ ·å¼æèæ¬æ¶ï¼æ们ä»å»ºè®®ä½¿ç¨divå ç´ ã
类似äº<li>å ç´ ï¼sectionå ç´ æ¯ç¨æ¥å举å 容çã
å æ¤å¨ç°å®ä¾åä¸ï¼ä½¿ç¨<section>å ç´ çåå æ¯ç»æåçååºå客çå 容ï¼ä»£ç å¦ä¸ï¼
div class="blog"><section class="post">
<h2 class="post-title">Blog Post Title</h2>
<p class="post-excerpt">Ice cream tart powder jelly-o.
Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p>
</section>
<section class="post">
<h2 class="post-title">Blog Post Title</h2>
<p class="post-excerpt">Ice cream tart powder jelly-o.
Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p>
</section>
<section class="post">
<h2 class="post-title">Blog Post Title</h2>
<p class="post-excerpt">Ice cream tart powder jelly-o.
Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p>
</section> </div>
è¿åªæ¯ä¸ªä¾åï¼<section>å ç´ ä¹å¯ä»¥ç¨ä½å ¶ä»ç¨éã