<div> </div> La division / section du document peut être définie pour diviser les documents en parties indépendantes et différentes. Les balises <v> </div> peuvent être utilisées comme un outil organisationnel stricte et n'utilisent aucun format pour y être associé, qui contient l'idée de séparer une étiquette HTML et le style d'expression. Dans le travail réel, nous spécifions généralement des propriétés d'ID ou de classe pour les balises <div> </div> pour rendre la balise plus efficace. <div> </div> est un élément de niveau de bloc, ce qui signifie que son contenu démarre automatiquement une nouvelle ligne. Et en fait, le changement est <div> intrinsèquement unique.
Le HTML suivant simule la structure du site Web d'actualités. Chacune de ces paires de balises <div> </div> combinez le titre et le résumé de chaque nouvelle, c'est-à-dire <div> </div> ajoute une structure supplémentaire au document. En même temps, parce que ces <div> </div> appartiennent au même type d'éléments, vous pouvez utiliser la propriété Class = News pour identifier ces balises <div> </div>. Formatez le <div> </div>.
<div class = news> <h2> des journaux 1 </h2> <p> du texte. <h2> <h2> <h2> Tour de nouvelles 2 </h2> <p> du texte.2. <Span> </span>
Les balises <Span> sont utilisées pour combiner les éléments de ligne dans le document.
<span style = couleur: rouge> Remarque: </span>Deuxièmement, éléments de niveau de bloc et éléments de ligne
L'élément de bloc et les éléments en ligne / éléments associés intérieurs sont des concepts dans CSS. En effet, ces éléments sont affichés comme un élément de contenu, c'est-à-dire des blocs. Au contraire, des éléments tels que <span> </span> et <strong> </strong> sont appelés dans des éléments en ligne.
Le concept d'éléments de niveau de bloc et d'éléments de lin n'est pas fixe, mais relatif. Nous pouvons utiliser le type de l'attribut d'affichage de l'élément pour modifier la case générée de type. Cela signifie qu'en définissant la propriété d'affichage sur bloquer, il peut faire des éléments en ligne (tels que <a> des éléments) ressemblent à des éléments de niveau de bloc; Comme en ligne; et même nous, même la propriété d'affichage peut être définie, de sorte que l'élément n'a pas de cadre du tout. document.
<div id = dv1 style = affichage: Block> Je suis un élément de niveau de bloc. </div> <div id = dv2 style = affichage: inline> Je suis une ligne de ligne. </div> <div id = div3 style = affichage: Aucun> Je ne suis pas visible </div>Troisièmement, la comparaison de <v> </div> et <span> </span>
1. De même: les étiquettes <v> </div> et <pan> </span> sont utilisées pour classer les balises mais n'ont pas de sémantique pratique; les deux sont principalement utilisés pour les tables de style d'application.
2. Différents points: <div> </ div> L'étiquette est un élément de niveau de bloc, et le navigateur ajoutera automatiquement une étiquette bancaire avant et après </br>; l'étiquette ne sera pas ajoutée automatiquement avant et après.
Si vous souhaitez afficher deux contenus dans la même ligne dans la disposition Web, le moyen le plus simple est de les emballer avec des balises <span> </span>. Par exemple, une page a deux éléments adjacents, l'un est <v> </div>, et l'autre est <span> </span>. Si vous souhaitez les afficher dans la même ligne, vous pouvez modifier ce <div> </div> en <span> </span>. Bien sûr, il peut également être mis en œuvre en définissant la propriété d'affichage de <v> </div> et d'autres étiquettes via CSS pour être en ligne.