Varias respuestas

Respuestas

Si en una lista queremos crear un pico personalizado con una imagen, ¿Es imprescindible que antes eliminemos el pico predeterminado utilizando list-style-type: none? Pon algún ejemplo que justifique tu respuesta.

El elemento list-style-type: none se utiliza para que las listas aparezcan sin pico. Cuando quieres crear una lista con un pico personalizado que sea una imagen; lo correcto es utilizar list-style-type: none para así eliminar el pico predeterminado. Aunque puede ocurrir que el pico predeterminado no aparezca si los valores de padding y margin se encuentran ambos a cero. Así, el pico personalizado aparecerá de igual manera sin utilizar list-style-type: none.

A continuación, se muestra un ejemplo de esta explicación:

En el tercer ejemplo, se puede observar que a pesar de haber eliminado el pico predeterminado con list-style-type: none, este no aparece ya que hemos puesto padding y margin a cero.

¿Se considera aceptable, según las buenas prácticas de marcado, aplicar a la etiqueta <img> algún atributo que de algún modo modifique el aspecto de una imagen? Justifica tu respuesta.

Se considera aceptable añadir width y height a la etiqueta <img> siempre y cuando no se redimensione la imagen. Esto se debe a que cuando tu accedes a una página web cualquiera, los navegadores no saben el tamaño que tiene una imagen hasta que esta carga. Por ello, el navegador cargará todo el texto apilado y se irá desplazando cada vez que una imagen cargue. Pero si añades la anchura y altura que realmente posee la imagen, conseguirás que el navegador guarde los espacios reales de las imágenes aunque no hayan cargado.

No es bueno aplicar unos valores width y height diferentes al tamaño real de la imagen ya que al redimensionar una imagen pierdes calidad y además en este caso, el peso de la imagen no variará en cuanto a bits.

¿Es realmente preciso que nuestras páginas validen correctamente? ¿Qué ventajas tiene? ¿Hay alguna situación en que no sería necesario?

Si, es preciso que nuestras páginas validen correctamente debido a que posee varias ventajas:

• Que tu sitio web cumpla ciertos estándares hace posible que Internet esté más ordenado, es decir, más estandarizado.


• Cumplir los estándares nos permite una visualización correcta de nuestra página web en todos los navegadores, es decir, se logra una mayor adaptación a múltiples plataformas y navegadores.


• Un buen código semántico y el uso correcto de las etiquetas permite a los buscadores interpretar mejor nuestro sitio web.

Pueden existir situaciones en que nuestras páginas no tengan porque validar correctamente, como por ejemplo una intranet para una empresa que usa siempre el mismo navegador.

Otra sitación puede ser las páginas que configuran los plugins, ya que estas pueden estar optimizadas para un navegador únicamente.

Nota: He añadido la pregunta a un foro obteniendo diferentes respuestas, ya que no se me ocurría ninguna situación ventajosa.

¿Qué utilidad tiene la propiedad CSS display con el valor inline-block (display: inline-block;) a la hora de dar formato a listas? Explica claramente, ayudándote de un ejemplo, qué efecto produce la aplicación de dicha propiedad.

Con la propiedad CSS (display: inline-block;) consigues que en una lista se creen cajas que son de bloque y en línea simultaneamente.

Veamos un ejemplo para aclararlo:

Que sucede si a esta lista no ordenada le aplicamos un (display: inline-block;) con borde rojo para que se pueda visualizar bien el resultad

En el resultado obtenido se puede observar como se han situado todos los elementos en línea formando una lista en horizontal y como a todos los elementos <li> se le ha aplicado un borde rojo discontinuo con un espaciado de 15px a derecha e izquierda.

¿En qué consiste el colapso de los márgenes? ¿Qué sentido tiene? Pon un ejemplo en el que pueda apreciarse.

El colapso de márgenes consiste en que si dos elementos adyacentes comparten márgenes mayores que cero, el resultado no será la suma de ambos márgenes sino que solo se aplicará el margen con un valor superior.

Describe brevemente los principios en los que se basan los criterios de buenas prácticas de las WCAG 2.

La WCAG de la WAI, es un grupo dedicado a promover soluciones de accesibilidad en la web para personas con discapacidades.

Estas buenas prácticas consisten en dar un soporte web a las personas con discapacidades para que puedan navegar e interactuar por la red. Esta accesibilidad engloba dispacidades visuales, auditivas, físicas, de edad...

La WCAG fue lanzada en 2008, con 12 guidelines sobre el nivel de accesibilidad, a pesar de no existir una traducción oficial, alguien se ha encargado de traducirlo libremente al castellano.

La WCAG 2.0 posee cuatro fundamentos básicos:

• Contenido inteligible.


• Elementos de la interfaz en el contenido fáciles de manejar.


• Contenido y controles comprensibles.


• Contenido robusto para funcionar con las tecnologías actuales y las del futuro.