真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

HTML5新元素section和article的區(qū)別詳解

HTML5帶出了一系列新元素,并且將在未來(lái)被廣泛應(yīng)用。然而,有一些元素在使用時(shí)易被混淆,包括以下兩個(gè)新元素:

。

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),黃埔企業(yè)網(wǎng)站建設(shè),黃埔品牌網(wǎng)站建設(shè),網(wǎng)站定制,黃埔網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,黃埔網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力??沙浞譂M(mǎn)足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶(hù)成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

HTML5新元素section和article的區(qū)別詳解

在問(wèn)答網(wǎng)站經(jīng)??梢钥吹絼e人問(wèn):在什么情況下我們應(yīng)該使用這些元素?我們應(yīng)該如何正確的使用這些元素?

有什么區(qū)別?

鑒于以上的這些問(wèn)題,E良師益友網(wǎng)為大家講解一下

的區(qū)別:

一、Article元素

從名字上,它已經(jīng)很好的詮釋了自己,但是我們?nèi)砸纯垂俜轿臋n上是如何描述它的:

“在文檔,頁(yè)面,應(yīng)用或是站點(diǎn)上的一個(gè)獨(dú)立部分,并且大體上,是可獨(dú)立分配,或是重復(fù)使用的,例如在發(fā)布時(shí)。這個(gè)可以是論壇帖子,雜志或是新聞,博客條目,用戶(hù)提交的評(píng)論,互動(dòng)的小工具或小工具,或任何其他獨(dú)立項(xiàng)目的內(nèi)容?!?/p>

從上描述中,我們可以總結(jié)出

元素專(zhuān)用于結(jié)構(gòu)化文章,特別是我們要發(fā)布的,例如博客,頁(yè)面內(nèi)容或是論壇帖子。

以下例子給出了如何使用

構(gòu)建一個(gè)博客文章。

 

    

 

    

This is Blog Post Title

 

     

        

     

                Author Name 

                Save in Categories 

            

 

    

 

     

 

     

        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元素結(jié)合,需要的時(shí)候,可以使用
元素將文章分為幾個(gè)段落,如下例所示。

 

    

 

    

This is Blog Post Title

 

     

        

     

                Author Name 

                Save in Categories 

            

 

    

 

     

 

     

        

 

        

This is the Sub-Heading

 

        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. 

        

 

 

        

 

        

This is another Sub-Heading

 

        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元素

這是一個(gè)最容易產(chǎn)生歧義的元素。它與

元素有什么區(qū)別?我們一直在用
來(lái)劃分段落,所以除了
,我們什么時(shí)候使用這個(gè)元素。我們引用官方文檔來(lái)闡述它。根據(jù)WHATWG文檔,對(duì)
元素做了以下描述:

元素表示了一篇文檔或應(yīng)用中,通用段落 – WHATWG”

從描述中我們可以看出

元素的作用就是分段,或多或少類(lèi)似于
。但是它仍有一個(gè)特例。在文檔中,加入了一段特別聲明:

“當(dāng)一個(gè)元素僅用于風(fēng)格樣式或是為了腳本的方便,我們鼓勵(lì)作者使用

。
元素適用于,當(dāng)元素的內(nèi)容需要明確的列出時(shí)。- WHATWG”

基于這一點(diǎn),我們可以總結(jié)以下兩點(diǎn):

盡管section元素在技術(shù)上是可以設(shè)計(jì)樣式的,但是當(dāng)有復(fù)雜的樣式或腳本時(shí),我們?nèi)越ㄗh使用div元素。

類(lèi)似于

  • 元素,section元素是用來(lái)列舉內(nèi)容的。

    因此在現(xiàn)實(shí)例子中,使用

    元素的原因是結(jié)構(gòu)化的列出博客的內(nèi)容,代碼如下:

     

         

            Blog Post Title 

            Ice cream tart powder jelly-o.  

            Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.

     

        

     

         

            Blog Post Title 

            Ice cream tart powder jelly-o.  

            Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.

     

        

  •  

         

            Blog Post Title 

            Ice cream tart powder jelly-o.  

            Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.

     

        

     

    這只是個(gè)例子,

    元素也可以用作其他用途。

    總結(jié)

    如萬(wàn)維網(wǎng)的創(chuàng)始人和W3C的董事所預(yù)測(cè)的那般,所有HTML5創(chuàng)造出來(lái)的新元素都是為了是網(wǎng)絡(luò)結(jié)構(gòu)更加語(yǔ)義化。如何正確的應(yīng)用這些元素在網(wǎng)絡(luò)開(kāi)發(fā)者和設(shè)計(jì)者之間,仍存有爭(zhēng)論。最后,想學(xué)習(xí)HTML5的同學(xué)不妨去看看本站的HTML5+CSS3視頻教程!


    網(wǎng)站標(biāo)題:HTML5新元素section和article的區(qū)別詳解
    網(wǎng)頁(yè)URL:http://weahome.cn/article/jpiogj.html

    其他資訊

    在線(xiàn)咨詢(xún)

    微信咨詢(xún)

    電話(huà)咨詢(xún)

    028-86922220(工作日)

    18980820575(7×24)

    提交需求

    返回頂部