Div ialah Tag yang ditakrifkan sebagai pembahagian dokumen Html. Ia digunakan terutamanya untuk mengumpulkan elemen blok terutamanya; ia akan digunakan untuk helaian Gaya CSS setiap kali kami menggunakannya pada halaman Html. Bahagian ini juga merupakan Tag; ia menerangkan setiap dan setiap segmen dokumen Html, iaitu, dalam html, halaman web mempunyai pengepala, pengaki, dsb. yang dipanggil sebagai Bahagian. Setiap ciri akan datang dengan ini; mana-mana satu badan bahagian itu disertakan dengan bahagian Bab.
Di bawah ialah 6 perbandingan teratas antara Bahagian HTML vs Div:
Mari kita bincangkan beberapa perbezaan utama antara Bahagian HTML vs Div dalam perkara berikut:
Jadual di bawah meringkaskan perbandingan antara Bahagian HTML vs Div:
|
Html Div Tag | ||||||||||||||
Teg mentakrifkan bahagian dokumen seperti bab, pengepala, pengaki dan bahagian badan. | Teg mentakrifkan bahagian atau bahagian dokumen yang berasingan. | ||||||||||||||
teg digunakan untuk versi html5. |
|||||||||||||||
Ia bukan bekas generik dan atribut global. | Ia ialah bekas generik. | ||||||||||||||
Apabila mencipta bahagian dalam versi html 5, id tersebut mestilah yang unik dan kelas harus menggunakannya beberapa kali apabila ia diperlukan. | Apabila teg div, letakkan sebarang elemen html dalam tag dan tidak boleh digunakan untuk bahagian dalam tag kerana tag perenggan akan dipecahkan pada bila-bila masa. |
||||||||||||||
Di sini CSS tidak diperlukan justeru ia adalah elemen struktur yang digunakan untuk mengumpulkan elemen berkaitan. Jika. kami mahu menggunakan gaya CSS dalam bahagian pelayar IE 9 dan beberapa penyemak imbas lain yang menyokong versi IE sebelumnya tidak disokong. | Menggunakan gaya CSS dalam teg div menggunakan tag, yang digunakan untuk dalam elemen sebaris. Semua penyemak imbas akan disokong oleh itu tiada isu keserasian. | ||||||||||||||
Teg bahagian yang mengandungi elemen artikel dalam html | Teg Div mengandungi semua elemen di mana tag tidak boleh memaksa untuk melakukannya. |
Vous trouverez ci-dessous les exemples de balise Section et de balise Div :
Code :
<html> <body> <section> <h1>Sample</h1> <p>WelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcome</p> </section> <section> <h1>First</h1> <p>WelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomain</p> </section> </body> </html>
Sortie :
L'exemple ci-dessus est la base de balise pour afficher les données au format paragraphe. Code : Sortie : L'exemple ci-dessus concerne la balise div avec certains styles CSS comme les couleurs d'arrière-plan et avec une balise supplémentaire comme ,ici la balise est utilisée pour Code : Sortie : L'exemple ci-dessus est identique à l'exemple Exemple n°2 – Balise Div
<html>
<body>
<p>Sample.</p>
<div style="background-color:Green">
<h3>Welcome To My Domain</h3>
<p>Welcome To My Domain</p>
</div>
</body>
</html>
Exemple n°3 – Balise Div
<html>
<head>
<style>
#s{
width:10px;
background: #green;
height:40px;
}
.s1{
width:90px;
font: 60.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
</style>
</head>
<body>
<marquee><p>Sample.</p></marquee>
<div id="s">
<div class="s1">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">AboutUs</a></li>
<li><a href="#">ContactUs</a></li>
</ul>
</div><!--closing div class for "menu"-->
</div><!--closing div for "container"-->
</body>
</html>