Maison > Article > interface Web > Section HTML vs Div
Div est la balise définie comme une division du document HTML. Il est principalement utilisé pour regrouper les éléments de bloc principalement ; il sera utilisé pour la feuille de style CSS chaque fois que nous l'utiliserons sur la page HTML. La section est également une balise ; il décrit chaque segment des documents HTML, c'est-à-dire qu'en HTML, la page Web comporte des en-têtes, des pieds de page, etc. qui sont appelés sections. Chaque fonctionnalité sera accompagnée de cela ; l'un des corps de la section est accompagné de la section Chapitre.
Vous trouverez ci-dessous les 6 principales comparaisons entre la section HTML et la Div :
Discutons de quelques différences clés entre la section HTML et la Div dans les points suivants :
Le tableau ci-dessous résume les comparaisons entre la section HTML et la Div :
|
Html Div Tag | ||||||||||||||
La balise définit une section de documents comme des chapitres, des en-têtes, des pieds de page et des sections de corps. | La balise définit une ou plusieurs divisions distinctes des documents. | ||||||||||||||
la balise est utilisée pour la version html5. |
|||||||||||||||
Ce n'est pas un conteneur générique et des attributs globaux. | C'est un conteneur générique. | ||||||||||||||
Lors de la création d'une section dans la version HTML 5, l'identifiant doit être unique et la classe doit l'utiliser plusieurs fois lorsque cela est nécessaire. | Lorsque la balise div, placez tous les éléments HTML dans le champ et ne peut pas être utilisé à l'intérieur du car la balise de paragraphe sera brisée à tout moment. |
||||||||||||||
Ici, CSS n'est pas nécessaire, c'est donc un élément structurel utilisé pour regrouper les éléments liés. Si. nous souhaitons utiliser les styles CSS dans les sections du navigateur IE 9 et dans certains autres navigateurs pris en charge, les versions précédentes d'IE ne sont pas prises en charge. | L'application de styles CSS à l'intérieur de la balise div utilise balise, qui est utilisée pour les éléments en ligne. Tous les navigateurs seront pris en charge donc aucun problème de compatibilité. | ||||||||||||||
Balise de section contenant des éléments d'article en HTML | La balise Div contient tous les éléments où le la balise ne devrait pas forcer à le faire. |
Unten finden Sie Beispiele für Abschnitts-Tags und Div-Tags:
Code:
<html> <body> <section> <h1>Sample</h1> <p>WelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcome</p> </section> <section> <h1>First</h1> <p>WelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomain</p> </section> </body> </html>
Ausgabe:
Das obige Beispiel ist die Grundlage für -Tag. Tag, um die Daten im Absatzformat anzuzeigen. Code: Ausgabe: Das obige Beispiel gilt für ein div-Tag mit einigen CSS-Stilen wie Hintergrundfarben und einem zusätzlichen Tag wie ,hier Tag wird für oben stehendes Code: Ausgabe: Das obige Beispiel ist dasselbe wie das Beispiel #2 – Div-Tag
<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>
Beispiel #3 – Div-Tag
<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>