主頁 > 知識庫 > 詳解HTML5中的<aside;元素與<article;元素

詳解HTML5中的<aside;元素與<article;元素

熱門標簽:南通數(shù)據(jù)外呼系統(tǒng)推廣 外呼系統(tǒng)電話怎么投訴 外呼線穩(wěn)定線路 邢臺縣地圖標注app pageadm實現(xiàn)地圖標注 申請400電話流程簡介 阜陽企業(yè)外呼系統(tǒng) 地圖標注位置能賺錢嗎 呼和浩特外呼電銷系統(tǒng)排名

<aside>元素
HTML<aside>元素表示一個頁面的一部分, 它的內(nèi)容跟這個頁面的其它內(nèi)容的關(guān)聯(lián)性不強,或者是沒有關(guān)聯(lián),單獨存在。<aside>元素通常顯示成側(cè)邊欄(sidebar)或一些插入補充內(nèi)容。通常用來在側(cè)邊欄顯示一些定義,比如目錄、索引、術(shù)語表等;也可以用來顯示相關(guān)的廣告宣傳,作者的介紹,Web應(yīng)用,相關(guān)鏈接,當前頁內(nèi)容簡介等。

<aside>元素使用注意事項:

    不要使用<aside>元素標記括號中的文字,因為這種類型的文本被認為是主內(nèi)容的一部分。

使用例子:

XML/HTML Code復制內(nèi)容到剪貼板
  1. <article>  
  2.   <p>  
  3.     The Disney movie <em>The Little Mermaid</em> was   
  4.     first released to theatres in 1989.   
  5.   </p>  
  6.   <aside>  
  7.     The movie earned $87 million during its initial release.   
  8.   </aside>  
  9.   <p>  
  10.     More info about the movie...   
  11.   </p>  
  12. </article>  


<article>元素
Article元素(<article>)故名思議,可以表示論壇帖子、雜志或新聞文章、博客、用戶提交的評論、交互式組件,或者其他獨立的內(nèi)容項目。它的主要語義為表示自己是一個獨立的內(nèi)容結(jié)構(gòu)。每一個<article>元素內(nèi)部結(jié)構(gòu)都應(yīng)該是相似的,比如都應(yīng)該包含一個頭標題(h1-h6元素)等。

<article>元素用法:

    當<article>元素嵌套使用時,則該元素代表與父元素有關(guān)的文章。例如,代表博客評論的<article>元素可嵌套在代表博客文章的<article>元素中。
    <article>元素中文章作者的信息可通過<address>元素表示,但是不適用于嵌套的<article>元素。

    <article>元素中文章的發(fā)布日期和時間可通過<time>元素的pubdate屬性表示。

代碼樣例

XML/HTML Code復制內(nèi)容到剪貼板
  1. <article class="film_review">  
  2.   <header>  
  3.     <h2>侏羅紀公園</h2>  
  4.   </header>  
  5.   <section class="main_review">  
  6.     <p>Dinos were great!</p>  
  7.   </section>  
  8.   <section class="user_reviews">  
  9.     <article class="user_review">  
  10.       <p>Way too scary for me.</p>  
  11.       <footer>  
  12.         <p>  
  13.           Posted on <time datetime="2015-05-16 19:00">May 16</time> by Lisa.   
  14.         </p>  
  15.       </footer>  
  16.     </article>  
  17.     <article class="user_review">  
  18.       <p>I agree, dinos are my favorite.</p>  
  19.       <footer>  
  20.         <p>  
  21.           Posted on <time datetime="2015-05-17 19:00">May 17</time> by Tom.   
  22.         </p>  
  23.       </footer>  
  24.     </article>  
  25.   </section>  
  26.   <footer>  
  27.     <p>  
  28.       Posted on <time datetime="2015-05-15 19:00">May 15</time> by Staff.   
  29.     </p>  
  30.   </footer>  
  31. </article>  

標簽:蚌埠 撫順 辛集 內(nèi)蒙古 鶴崗 楊凌 黃山 德州

巨人網(wǎng)絡(luò)通訊聲明:本文標題《詳解HTML5中的&lt;aside;元素與&lt;article;元素》,本文關(guān)鍵詞  詳解,HTML5,中的,amp,aside,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《詳解HTML5中的&lt;aside;元素與&lt;article;元素》相關(guān)的同類信息!
  • 本頁收集關(guān)于詳解HTML5中的&lt;aside;元素與&lt;article;元素的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章