balises
Tableau de comparaison entre la section HTML et la Div
Le tableau ci-dessous résume les comparaisons entre la section HTML et la 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. |
Balise de section HTML |
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. |
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. |
Beispiele für Abschnitts-Tags und Div-Tags
Unten finden Sie Beispiele für Abschnitts-Tags und Div-Tags:
Beispiel #1 – Abschnitts-Tag
Code:
<html>
<body>
<section>
<h1>Sample</h1>
<p>WelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcome</p>
</section>
<section>
<h1>First</h1>
<p>WelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomain</p>
</section>
</body>
</html>
Copier après la connexion
Ausgabe:
Das obige Beispiel ist die Grundlage für Tag wird in den HTML-Dokumenten zweimal verwendet. Ein Abschnitt ist das Beispiel und der andere verwendet beide das -Tag. Tag, um die Daten im Absatzformat anzuzeigen.
Beispiel #2 – Div-Tag
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>
Copier après la connexion
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
verwendet. -Tag, daher ist es ein Absatz-Tag und wird daher nicht für
verwendet. Etikett innen.
Beispiel #3 – Div-Tag
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>Copier après la connexion
Ausgabe:
Das obige Beispiel ist dasselbe wie das
Tag, aber hier verwenden wir verschachtelte div-Tags, was im Vergleich zum Abschnitts-Tag einen größeren Vorteil bietet; Darüber hinaus verwenden wir das Gleiche wie im obigen Beispiel im CSS-Stil, hier ein div-Tag, das wir im CSS-Stil als ID verwenden, und ein anderes div-Tag, das wir im CSS-Stil als Klasse verwenden, sodass es von einem div-Tag in ein anderes div-Tag getrennt wird. Was auch immer und wann immer wir also
Tag, wird es entsprechend geschlossen
Tags sind ein Muss; Andernfalls wird der Code nicht ordnungsgemäß ausgeführt. Wir verwenden das
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
-
2024-10-13 13:32:21
-
2024-10-12 11:58:51
-
2024-10-11 20:06:51
-
2024-10-11 18:59:31
-
2024-10-11 18:30:51
-
2024-10-11 15:51:51
-
2024-10-11 15:42:10
-
2024-10-11 14:41:20
-
2024-10-11 14:08:31
-
2024-10-11 13:42:21
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
