Rumah  >  Artikel  >  hujung hadapan web  >  Bahagian HTML lwn Div

Bahagian HTML lwn Div

王林
王林asal
2024-09-04 16:17:02658semak imbas

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.

Perbandingan Head to Head antara Bahagian HTML lwn Div (Infografik)

Di bawah ialah 6 perbandingan teratas antara Bahagian HTML vs Div:

Bahagian HTML lwn Div

Perbezaan utama antara Bahagian HTML lwn Div

Mari kita bincangkan beberapa perbezaan utama antara Bahagian HTML vs Div dalam perkara berikut:

  • Setiap set konsep mempunyai beberapa kelebihan dan perbezaan kerana satu konsep mungkin lain daripada yang lebih baik.
  • Bahagian tersebut mewakili beberapa dokumen generik atau html; div juga merupakan bekas aliran generik. Apabila elemen bahagian diperlukan untuk setiap kali tujuan gaya diperlukan untuk keperluan pengguna, atau kadangkala skrip (kod hujung hadapan) mesti menukar masa itu, teg bahagian akan digunakan dan bukannya teg div.
  • Teg bahagian digunakan untuk gumpalan kandungan yang akan digunakan untuk menyimpan rekod binari individu dalam pangkalan data. Teg div biasanya digunakan untuk jenis peringkat blok, jadi elemen tanpa ciri tambahan seperti jenis gumpalan.
  • Teg div biasanya merupakan bekas kosong yang secara amnya mentakrifkan jenis bahagian atau jenis bahagian; ia tidak menjejaskan kandungan apa sahaja pembangun menulis kod hujung hadapan atau format seperti pengepala, pengaki atau sebarang perubahan susun atur juga reka letak mendatar dan menegak, ia tidak menjejaskannya. Tetapi dalam Bahagian setiap jenis bahagian harus dikenal pasti dan disertakan dengan tajuk seperti

    kepada

    sebagai nod anak bagi elemen.
  • Elemen bahagian yang dibuatnya secara berasingan untuk mensindiketkan kandungan elemen dan bukannya elemen tag. Dalam
  • Dalam bahagian html5 mempunyai beberapa kategori seperti kandungan Aliran, kandungan Pembahagian dan Kandungan Boleh Raba. Ia juga sama seperti peraturan versi sebelumnya adalah generik satu elemen tag adalah sesuai hanya jika kandungan elemen lain akan disenaraikan dengan cara yang jelas. Div digunakan untuk
    tag dalam htm5, sama seperti ciri versi sebelumnya, yang akan digunakan untuk tag pembahagian.
    juga akan digunakan untuk teg div bersarang, teg induk dan hubungan teg anak digunakan untuk kedua-dua
    dan tanda nama

Jadual Perbandingan Bahagian HTML lwn Div

Jadual di bawah meringkaskan perbandingan antara Bahagian HTML vs Div:

Html Section Tag Html Div Tag
The tag defines a section of documents like chapters, headers, footers and body sections. The tag defines a separate division or sections of the documents.
tag is use for html5 version.
tag is use for html5 version.
It is not a generic container and global attributes. It is a generic container.
When creating a section in html 5 version, the id should be a unique one, and the class should use it multiple times when it is needed. When div tag, place any html elements within the
tag and cannot use for inside the

tag because the paragraph tag will be broken at any point in time.

Here CSS is not necessary hence it is a structural element used to group together related elements. If. we want to use CSS styles in sections IE 9 browser and some other browsers supported previous IE versions not supported. Applying CSS styles inside the div tag uses tag, which is used for within inline elements. All browsers will be supported hence no compatibility issue.
Section tag containing article elements in html Div tag contains all the elements where the

tag should not force to do it.

Teg Bahagian Html
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.
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.

Exemples de balise de section et de balise Div

Vous trouverez ci-dessous les exemples de balise Section et de balise Div :

Exemple n°1 – Balise de section

Code :

<html>
<body>
<section>
<h1>Sample</h1>
<p>WelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcome</p>
</section>
<section>
<h1>First</h1>
<p>WelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomain</p>
</section>
</body>
</html>

Sortie :

Bahagian HTML lwn Div

L'exemple ci-dessus est la base de

balise utilisée deux fois dans les documents HTML, une section est l'échantillon et l'autre utilise toutes les deux la balise

balise pour afficher les données au format paragraphe.

Exemple n°2 – Balise Div

Code :

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

Sortie :

Bahagian HTML lwn Div

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

il s'agit donc d'une balise de paragraphe, elle ne sera donc pas utilisée pour
étiquette à l'intérieur.

Exemple n°3 – Balise Div

Code :

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

Sortie :

Bahagian HTML lwn Div

L'exemple ci-dessus est identique à l'exemple

balise, mais ici, nous utilisons des balises div imbriquées, c'est un avantage supplémentaire par rapport à la balise de section ; de plus, nous utilisons la même chose dans l'exemple ci-dessus dans le style CSS ici, une balise div que nous utilisons le style CSS comme identifiant et une autre balise div que nous utilisons le style CSS comme classe afin qu'elle se sépare d'une balise div dans une autre balise div. Par conséquent, peu importe et à chaque fois que nous utilisons
tag, il se fermera de manière appropriée
les balises sont indispensables ; sinon, le code ne sera pas exécuté correctement. Nous utilisons le symbole tag en plus pour certains, animez-le pour attirer les utilisateurs.

Conclusion

Au-dessus des sujets, nous avons discuté de la différence entre les balises section et div ; quelques étapes et points supplémentaires sont les mêmes que les deux concepts. Mais parfois et certaines fonctionnalités sont acceptables pour les balises de section, et certaines acceptent les balises div. Cependant, les objectifs et les opérations sont les mêmes lignes dans les documents html.

Atas ialah kandungan terperinci Bahagian HTML lwn Div. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Apakah XHTML?Artikel seterusnya:Apakah XHTML?