html中article標(biāo)簽的作用是什么?很多人都不太了解,今天小編為了讓大家更加了解article標(biāo)簽,所以給大家總結(jié)了以下內(nèi)容,一起往下看吧。
首先我們先簡單的介紹下article:
html5 <article>表示頁面中的一塊與上下文不相關(guān)的獨(dú)立內(nèi)容,比如網(wǎng)頁中的一篇文章或報紙中的一篇文章。
article不同于其他DIV CSS布局結(jié)構(gòu),article主要布局文章類內(nèi)容。
article語法代碼:
<article>內(nèi)容</article>
article是有開始與閉合一對HTML標(biāo)簽元素。
以<article>開始,以</article>結(jié)束閉合。
現(xiàn)在說說article標(biāo)簽的使用說明:
article是HTML5新增標(biāo)簽,其語法基本功能和以前DIV、p、span等標(biāo)簽一樣,可以直接使用style屬性標(biāo)簽內(nèi)設(shè)置CSS,或者使用class或id引入外部CSS樣式。
<article class="aaa">內(nèi)容</article>
<article id="bbb">內(nèi)容</article>
article主要是布局文章、內(nèi)容方面內(nèi)容。
再來看看HTML5 article標(biāo)簽的使用實(shí)例:
這里使用article標(biāo)簽布局一篇實(shí)例,通過此示例掌握了解article元素標(biāo)簽。以下是完整HTML5實(shí)例代碼: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>article 實(shí)例 ThinkCSS</title> <style> article{ color:#000} article h3{ color:#F00} </style> </head> <body> <article> <h3>文章標(biāo)題</h3> <p>文章段落一,內(nèi)容CSS技術(shù)上ThinkCSS網(wǎng) ...</p> <p>文章段落二,內(nèi)容CSS技術(shù)上ThinkCSS網(wǎng) ...</p> <p>段落三,內(nèi)容CSS技術(shù)上ThinkCSS網(wǎng) ...</p> </article> </body> </html>
article標(biāo)簽的代碼效果截圖:
如圖是代碼的效果圖,基本上都能看明白了。
以上就是html中article標(biāo)簽的作用是什么的簡略介紹,當(dāng)然詳細(xì)使用上面的不同還得要大家自己使用過才領(lǐng)會。如果想了解更多,歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道哦!
網(wǎng)站名稱:html中article標(biāo)簽的作用是什么?-創(chuàng)新互聯(lián)
瀏覽路徑:http://jinyejixie.com/article28/diggcp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、網(wǎng)站營銷、云服務(wù)器、動態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站、營銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容