<div> </div> división/sección en el documento se puede definir para dividir los documentos en partes independientes y diferentes. <div> </div> Las etiquetas se pueden usar como una herramienta organizativa estricta y no usan ningún formato para asociarse, lo que contiene la idea de separar una etiqueta HTML y el estilo de expresión. En el trabajo real, generalmente especificamos propiedades ID o clase para etiquetas <div> </div> para hacer que la etiqueta sea más efectiva. <Viv> </div> es un elemento de nivel bloque, lo que significa que su contenido inicia automáticamente una nueva fila. Y en realidad cambiar es <iv> un formato inherentemente único.
El siguiente HTML simula la estructura del sitio web de noticias. Cada uno de estos pares de etiquetas <iv> </div> combinan el título y el resumen de cada noticia, es decir, <iv> </div> agrega una estructura adicional al documento. Al mismo tiempo, debido a que estos <div> </div> pertenecen al mismo tipo de elementos, puede usar la propiedad Class = News para identificar estas etiquetas <div> </div>. Formatear el <iv> </div>.
<Div class = News> <h2> Titular de noticias 1 </h2> <p> algún texto. <H2> <H2> <H2> Ciente de noticias 2 </h2> <p> algún texto.2. <span> </span> etiqueta
Las etiquetas <span> se utilizan para combinar los elementos de línea en el documento.
<span style = color: rojo> nota: </span>Segundo, elementos de nivel de bloque y elementos de línea
Elementos de bloque y los elementos asociados en línea son conceptos en CSS. Esto se debe a que estos elementos se muestran como una pieza de contenido, es decir, bloqueos. Por el contrario, elementos como <span> </span> y <strong> </strong> se llaman elementos de línea.
El concepto de elementos de nivel de bloque y elementos de lino no es fijo, sino relativo. Podemos usar el tipo de atributo de visualización del elemento para cambiar el cuadro generado. Esto significa que al configurar la propiedad de visualización para bloquear, puede hacer que los elementos en línea (como <a> elementos) parezcan elementos de nivel de bloque; Como en línea; documento.
<div id = dv1 style = Display: Block> Soy un elemento Bloque -Level. </div> <div id = dv2 style = Display: Inline> Soy una línea de línea. </div> <div id = div3 style = display: Ninguno> No soy visible </div>Tercero, comparación de <div> </div> y <span> </span>
1. Del mismo modo: <div> </div> Las etiquetas y las etiquetas <span> </span> se utilizan para clasificar las etiquetas pero no tienen semántica práctica;
2. Diferentes puntos: <div> </div> La etiqueta es un elemento de nivel de bloque, y el navegador agregará automáticamente una etiqueta bancaria antes y después de él </br>;
Si desea mostrar dos contenidos en la misma línea en el diseño web, la forma más fácil es empacarlos con etiquetas <span> </span>. Por ejemplo, una página tiene dos elementos adyacentes, uno es <iv> </div>, y el otro es <span> </span>. Si desea mostrarlos en la misma fila, puede cambiar este <div> </div> a <span> </span>. Por supuesto, también se puede implementar configurando la propiedad de visualización de <iv> </div> y otras etiquetas a través de CSS en línea.