Cómo utilizar div y span en HTML y CSS

elementos div y span menudo confunden a mucha gente a HTML y CSS, porque no son elementos semánticamente significativas como encabezados, listas y párrafos. En este artículo voy a explicar lo div o span se debe utilizar para.

Instrucciones

1 Aunque div y la luz son elementos HTML, puede tener más sentido si se piensa en ellas como contenedores - o como recipientes con ganchos. Por ganchos me refiero a los atributos de clase o id que enlazan los contenedores div genéricos y se extienden en una regla CSS.

2 Un div es un contenedor que está destinado a contener una división de página. Esa división página podría ser una barra lateral, un menú, una cabecera, un área de contenido, un widget, un capturador de atención o un pie de página. Con una clase o la identificación apropiada enganchado a CSS, un div crea un área estructural definida y estilo en la página.

3 El div le da una forma de contenido de grupo y el estilo en consecuencia. Un div es un elemento en bloque y por lo general se utiliza para secciones significativas de grupos de la página en bloques conectados que pueden ser de estilo y se colocan según sea necesario. La mayoría de los diseños de CSS dependen del uso de divs para crear las secciones de la página que puede ser de estilo para crear barras laterales, títulos y materias. Un div puede contener elementos de bloque tales como los encabezamientos, párrafos y listas. Y que puede contener elementos en línea tales como imágenes y vanos.

4 Un lapso es un contenedor genérico también. Es un elemento en línea - lo que significa que se utiliza en una línea de texto. Con una clase o ID, un lapso puede ser de estilo para crear una apariencia apropiada para cualquier elemento en línea cerrada en el lapso. Un lapso puede encerrar una oración o frase que debe labrar. Por ejemplo, podría incluir un período de unas pocas palabras que desea llamar la atención sobre - o unas pocas palabras que podrían formar un mensaje de error cuando un campo de formulario requerido se deja en blanco.

Consejos y advertencias

• No utilice un lapso cuando un elemento HTML existente puede hacer el trabajo. Por ejemplo, si sólo desea enfatizar texto, utilice la etiqueta em y estilo en consecuencia. No es necesario un palmo.