LM | DÍA 15: MÁS ETIQUETAS DE ORGANIZACIÓN, DISEÑO FIJO Y ATRIBUTO FLOAT

Día 15. En el día de hoy, hemos seguido trabajando con las etiquetas de organización, terminando de ver la etiqueta <nav> y viendo por primera vez la etiqueta <figure> y <figcaption>. Además, hemos estudiado las ventajas y desventajas que conlleva un diseño fijo de una página web. Finalmente, hemos aprendido de manera más práctica, el uso de una nueva nueva propiedad, la cual podremos usar en nuestros CSS, se trata de float. 

Derechos de autor aquí

Recordemos que el elemento <nav> representa una sección de una página cuyo propósito es proporcionar enlaces de navegación, ya sea dentro del documento actual o a otros documentos.

Por otra parte, la etiqueta <figure> permite agregar contenido variado asociadas a una descripción o titulo, el cual es asociado semánticamente a este, de tal forma que podemos agregar una imagen, ilustración, etc. 

Ventajas y desventajas del diseño fijo:

Ventajas: Al tener un ancho fijo, se tiene mayor control sobre contenido, ya que los elementos no se mueven. 

Desventajas: En resoluciones muy amplias el espacio no es aprovechado, mientras que es en resoluciones pequeñas aparecerá una barra de desplazamiento horizontal, lo cual afecta la usabilidad del sitio.

Veamos finalmente qué es atributo float. 

Esta propiedad CSS ubica un elemento al lado izquierdo o derecho de su contenedor, permitiendo a los elementos de texto y en línea aparecer a su costado.