Penjelasan terperinci tentang perbezaan antara div, bahagian dan artikel dalam kemahiran tutorial HTML5_html5

Apabila saya mula-mula bersentuhan dengan HTML5, saya sangat tidak selesa dengan tegnya, malah saya berasa sedikit jijik dengannya. Terutama untuk tag div, bahagian dan artikel, saya benar-benar tidak tahu bila ia harus digunakan.
div

Spesifikasi HTML:

Elemen div tidak mempunyai makna yang istimewa sama sekali.

Tag ini adalah yang paling kami lihat dan gunakan. Ia tidak mempunyai semantik per se dan digunakan sebagai cangkuk untuk susun atur dan penggayaan atau skrip.
bahagian

Spesifikasi HTML: "Elemen bahagian mewakili bahagian generik dokumen atau aplikasi Bahagian, dalam konteks ini, ialah kumpulan kandungan tematik, biasanya dengan tajuk."

Bertentangan dengan semantik div, secara ringkasnya, bahagian ialah div dengan semantik, tetapi jangan fikir ia semudah itu. Bahagian mewakili sekeping kandungan topikal, biasanya dengan tajuk. Melihat ini, kita mungkin berfikir bahawa catatan blog atau ulasan yang berasingan hanya boleh menggunakan bahagian? Baca seterusnya:

Pengarang digalakkan untuk menggunakan elemen artikel dan bukannya elemen bahagian apabila masuk akal untuk mensindiketkan kandungan elemen tersebut.

Artikel hendaklah digunakan dan bukannya bahagian apabila kandungan elemen diagregatkan untuk lebih masuk akal.

Jadi, bila bahagian perlu digunakan? Baca terus:

Contoh bahagian ialah bab, pelbagai halaman bertab dalam kotak dialog bertab, atau bahagian bernombor tesis Halaman utama tapak web boleh dibahagikan kepada bahagian untuk pengenalan, item berita dan maklumat hubungan.

Senario biasa untuk

aplikasi bahagian termasuk bab artikel, tab dalam kotak dialog tab atau bahagian bernombor dalam kertas. Halaman utama laman web boleh dibahagikan kepada bahagian seperti pengenalan, berita dan maklumat hubungan. Sebenarnya, saya sangat tertarik dengan maklumat yang disampaikan di sini, kerana saya merasakan bahagian dan artilce yang akan diperkenalkan di bawah adalah lebih sesuai untuk aplikasi modular Topik ini akan dibincangkan dalam artikel khas pada masa akan datang, jadi saya akan melangkaunya di sini buat masa ini.

Sedar bahawa W3C juga memberi amaran:

Elemen bahagian bukan elemen bekas generik Apabila elemen diperlukan untuk tujuan penggayaan atau sebagai kemudahan untuk penskripan, pengarang digalakkan untuk menggunakan elemen div sebagai gantinya kandungan elemen akan disenaraikan secara eksplisit dalam rangka dokumen."

bahagian adalah lebih daripada sekadar tag bekas biasa. Apabila tag hanya untuk penggayaan atau untuk memudahkan skrip, div harus digunakan. Secara umumnya, bahagian adalah sesuai apabila kandungan elemen muncul secara eksplisit dalam rangka dokumen.

Kod XML/HTMLSalin kandungan ke papan keratan

1. <artikel>     
2.     <hkumpulan> <h1 >Epalh1> <h2>Buah yang sedap, sedap!h2> hkumpulan>  
3.     <p>Epal ialah buah delima daripada pokok epal.p>    
    
4. <bahagian>    
        
5. <h1>Merah Sedaph1>             
<
6. p>Epal merah terang ini adalah yang paling p>        
7. bahagian>         <
8. bahagian>             <
9. h1>Nenek Smith 🎜>h1>           <
p
10. >Epal berair hijau ini membuat        pi epal yang bagus untuk epal. >p>         bahagian
11. >     artikel
12. >    

    artikel

    Spesifikasi HTML:

    Elemen artikel mewakili gubahan serba lengkap dalam dokumen, halaman, aplikasi atau tapak dan pada dasarnya, boleh diedarkan secara bebas atau boleh digunakan semula, mis

    artikel ialah teg bahagian khas, yang mempunyai semantik yang lebih jelas daripada bahagian Ia mewakili blok kandungan berkaitan yang bebas dan lengkap. Secara amnya, artikel akan mempunyai bahagian tajuk (biasanya terkandung dalam pengepala) dan kadangkala pengaki. Walaupun bahagian juga merupakan kandungan tematik, artikel itu sendiri adalah bebas dan lengkap dari segi struktur dan kandungan.
    Spesifikasi HTML kemudiannya menyenaraikan beberapa senario yang berkenaan untuk artikel.
    Ini boleh jadi siaran forum, artikel majalah atau akhbar, entri blog, ulasan yang diserahkan pengguna, widget atau alat interaktif atau mana-mana item kandungan bebas yang lain.
    Apabila artikel dibenamkan dalam artikel, pada dasarnya, kandungan artikel dalam adalah berkaitan dengan kandungan artikel luar. Contohnya, dalam catatan blog, artikel yang mengandungi ulasan yang diserahkan pengguna harus disembunyikan dalam artikel catatan blog yang mengandungi.
    Persoalannya ialah apakah yang dikira sebagai "kandungan bebas lengkap"? Salah satu cara paling mudah untuk mengetahui ialah melihat sama ada kandungannya lengkap dalam suapan RSS. Semak sama ada kandungan itu lengkap dan bebas tanpa konteksnya.
    Contoh:
    Kod XML/HTMLSalin kandungan ke papan keratan

    1. <artikel>     
    2.     <pengepala>    
    3.         <h1>Peraturan Hidup Amat Pertamah1>    
    4.         <p><masa pubdate masa tarikh="2009-10-09T14:28-08:00">< /masa>p>   🎜>
        
    5. pengepala>    
        
    6. <p>Jika ada mikrofon di mana-mana berdekatan anda, anggap panas dan anda sedang berkata kepada dunia. Serius.p>    
        
    7. <p>... p>    
        
    8. <pengaki>  
            
    9. <a href="? =1">Tunjukkan ulasan...a>  
        
    10. pengaki>    
    11. artikel>  
      
    13. <artikel>     
        
    14. <pengepala>    
            
    15. <h1>Peraturan Hidup Amat Pertamah1>           
    16. <p><masa pubdate datetime="2009-10-09T14:28-08:00">< /masa>p>    
    17.     pengepala>  
    18.     <p>Jika ada mikrofon di mana-mana berdekatan anda, anggap panas dan anda sedang berkata kepada dunia. Serius.p>    
    19.     <p>... p>    
    20.     <bahagian>  
    21.         <h1>Ulasanh1>    
    22.         <artikel>  
    23.              <pengaki>  
    24.                 <p>Disiarkan oleh: George Washington 🎜>p>  
    25.                 <p><masa><🎜 pubdate datetime="2009-10-10T19:10-08:00">< /masa>p>    
    26.              pengaki>  
    27.              <p>Ya! Terutama apabila bercakap tentang rakan pelobi anda!p>    
    28.         artikel>    
    29.           <artikel>  
    30.              <pengaki>    
    31.                 <p>Disiarkan oleh: George Hammond 🎜>p>  
    32.                 pubdate datetime="2009-10-10T19:15-08:00">< /Zeit>p>               Fußzeile>  
    33.             <p>Hey, du hast denselben Vornamen wie ich.
    p>           Artikel>    
    34.     Abschnitt>    
    35. Artikel>    
    36. 总结 div section Article ，语义是从无到有，逐渐增强的。div 无任何语义，仅仅用作样式化或者脚本化的钩子(hook),对于一段主题性的内容, 则就适用 Abschnitt, 而假如这段内容可以脱离上下文, 作为完整的独立存在的一段内容, 则就适用 Artikel.原则上来说，能使用 Artikel 的时候, 也是可以使用 Abschnitt 的, 但是实际上, 假如使用 Artikel 更合适, 那么就不要使用 section 。nav 和 aside 的使用也是如此,这两个标签也是特殊的 section,在使用 nav 和 aside 更合适的情况下，也不要使用 Abschnitt 了. 对于 div 和 Abschnitt、 Artikel 以及其他标签的区分比较简单.对于 Abschnitt 和 Artikel 的区分乍看比较难，其实重点就是看看这段内容脱离了整体是不是还能作为一个完整的、独立的内容而存在，这里面的重点又在完整身上。因为其实说起来 Abschnitt 包含的内容也能算作独立的一块,但是它只能算是组成整体的一部分，article 才是一个完整的整体. 因为其实有些时候每个人都有自己的看法，所以难免有难于决断的时候，怎么办？
    在

    HTML5 设计原理

    中，有一条是专门用来解决类似情况的：

    最终用户优先(Priorität der Wahlkreise)

    „Im Konfliktfall sollten Benutzer wichtiger sein als Autoren, wichtiger als Implementierer, wichtiger als Spezifizierer und wichtiger als theoretische Reinheit.“ 一旦遇到冲突, 最终用户优先, 其次是作者, 其次是实现者, 其次标准制定者, 最后才是理论上的完满.

    推荐各位多读几遍

    HTML5 设计原理

    ，这才是纷繁世界背后的最终奥义。