Etiquetas div y span en HTML

Estas etiquetas te serán útiles si tienes ciertos elementos estructurales en tu documento cuya designación no es suficiente al vocabulario HTML anterior, puedes marcar el elemento con el nivel de bloque de las etiquetas <div> y </ div> y, en el nivel de línea, con las etiquetas <span > y </ span>. Dado que estas etiquetas no expresan un significado específico, su función se deja totalmente a las hojas de estilo. Por lo general, un div (división) o elemento span tendrán un atributo de la clase especificada. El nombre de la clase se utiliza posteriormente en la hoja de estilo para controlar la presentación del elemento.

El elemento div también es útil cuando se necesita para encerrar un ancla en un contenedor, pero un párrafo u otra estructura textual es inadecuado, debido a que el anclaje es realmente de sí mismo. 

A menudo, es una buena idea para insertar un texto en el documento y que no quieres que el mundo vea en una ventana del navegador, pero que cualquier otro codificador debe ver cada vez que nos fijamos en el código fuente del documento. Puedes insertar recordatorios, por ejemplo, para actualizar periódicamente alguna sección o un texto que te ayudará a encontrar un lugar que es necesario revisar con frecuencia. Un comentario HTML está marcado con una apertura <! - Y una de cierre -> etiqueta. Cualquier cosa entre las etiquetas <! - Y -> no aparecerá en la ventana del navegador, pero, por supuesto, aparecerá en el código fuente. Otra forma en que los comentarios pueden ser muy útiles es para que pueda enmascarar una sección de HTML. Por ejemplo, una parte de una página puede ser válido temporalmente, pero puede que desees mantener el texto allí en caso de que más adelante quieras que se muestre de nuevo. Basta con colocar el asunto en un comentario y desaparecerá desde el navegador sin dejar rastro. Si te interesa el diseño web, puedes tomar un curso de css, el cual te ayudará a mejorar tu compresión de como funciona la plataforma HTML.