Respuestas al cuestionario 5 - Como se escribe una pagina web bien estructurada del Curso Google Active

 CURSO DE INTRODUCCIÓN AL DESARROLLO WEB: HTML Y CSS (1/2): MÓDULO 5/5

Cómo se escribe una página web bien estructurada

Pregunta 1

En cuanto al juego de caracteres, lo más importante es...

Pregunta 2

¿Qué es un mapa de imágen?

Pregunta 3

Respecto a HTML5, se puede afirmar que:

Pregunta 4

Los nuevos controles de formulario de HTML5 permiten:



En cuanto al juego de caracteres, lo más importante es...

La opción correcta es:

D) Ser consistente en todos tus ficheros.


Es importante mantener la consistencia en el juego de caracteres que se utiliza en los ficheros de un sitio web. Esto significa utilizar el mismo juego de caracteres en todos los ficheros, como el código HTML, las hojas de estilo CSS y los scripts JavaScript. Esto ayuda a evitar problemas de visualización y garantiza que los caracteres se interpreten correctamente en todos los navegadores y dispositivos.


La elección más común y recomendada es utilizar el juego de caracteres UTF-8, que es compatible con una amplia gama de caracteres internacionales. UTF-8 es ampliamente aceptado y es compatible con la mayoría de los servidores y navegadores modernos.



¿Qué es un mapa de imágen?

La opción correcta es:

C) Una imagen que contiene zonas activas que son enlaces.


Un mapa de imágenes es una imagen en la que se han definido áreas o zonas activas que funcionan como enlaces a otras páginas o recursos. Estas zonas activas suelen ser secciones específicas de la imagen, como botones, áreas resaltadas o elementos interactivos.


Cuando un usuario hace clic en una de estas zonas activas, se le redirige a la página web o recurso vinculado a esa área en particular. Esto permite crear interfaces interactivas y enlazar diferentes secciones o páginas dentro de un sitio web utilizando una sola imagen.


Los mapas de imágenes se pueden crear utilizando HTML y CSS, asignando coordenadas y enlaces a las áreas deseadas de la imagen.





Respecto a HTML5, se puede afirmar que:


La opción correcta es:

D) HTML5 agrega nuevas etiquetas, desaparecen otras porque han quedado obsoletas y se añaden atributos a las etiquetas que se mantienen.


HTML5 es la última versión del lenguaje de marcado HTML utilizado para estructurar y presentar contenido en la web. A diferencia de versiones anteriores, HTML5 introduce nuevas etiquetas y funcionalidades para mejorar la semántica, accesibilidad y capacidades multimedia de las páginas web.


En HTML5 se han añadido nuevas etiquetas como <video>, <audio>, <canvas>, <nav>, <article>, entre otras, que permiten una mejor estructuración del contenido y facilitan su interpretación por parte de los motores de búsqueda y dispositivos asistivos.


Además, algunas etiquetas y atributos obsoletos o en desuso en HTML4 han sido eliminados en HTML5, y se han añadido nuevos atributos a las etiquetas existentes para brindar más control y funcionalidades. Sin embargo, muchas de las etiquetas y atributos de HTML4 se mantienen y siguen siendo válidos en HTML5 para garantizar la compatibilidad con las versiones anteriores.


En resumen, HTML5 introduce cambios significativos en comparación con HTML4, agregando nuevas etiquetas, eliminando las obsoletas y mejorando la semántica y funcionalidades del lenguaje.





Los nuevos controles de formulario de HTML5 permiten:

La opción correcta es:

D) Todas las anteriores.


Los nuevos controles de formulario introducidos en HTML5 tienen como objetivo mejorar la experiencia de usuario al interactuar con formularios en páginas web. Estos controles ofrecen diversas ventajas, entre las cuales se incluyen:


Reducir la complejidad de desarrollar un formulario: HTML5 proporciona nuevos elementos y atributos que facilitan la creación y estructuración de formularios. Algunos ejemplos de estos elementos son <input type="email">, <input type="date">, <input type="range">, <input type="color">, entre otros. Estos controles predefinidos ayudan a simplificar el proceso de desarrollo y evitan la necesidad de personalizar elementos o recurrir a soluciones más complejas.


Lograr un comportamiento más intuitivo de los formularios: Los nuevos controles de formulario en HTML5 permiten una mayor interacción y proporcionan un comportamiento más intuitivo para los usuarios. Por ejemplo, el control <input type="date"> muestra un selector de fechas, el control <input type="range"> permite seleccionar un valor en un rango específico, y el control <input type="color"> muestra un selector de colores. Estos controles mejoran la usabilidad y facilitan la entrada de datos por parte del usuario.


Prescindir de JavaScript para realizar algunas validaciones de formulario del lado del cliente: HTML5 ofrece nuevas atributos de validación que permiten realizar validaciones sencillas del lado del cliente sin necesidad de utilizar JavaScript. Algunos de estos atributos incluyen required (para campos obligatorios), pattern (para establecer un patrón de entrada), min y max (para definir rangos de valores), entre otros. Esto agiliza el proceso de validación y reduce la dependencia de scripts adicionales.


En conclusión, los nuevos controles de formulario de HTML5 tienen como objetivo simplificar el desarrollo, mejorar la experiencia de usuario y permitir validaciones sencillas del lado del cliente, lo que contribuye a una mayor eficiencia y usabilidad de los formularios en las páginas web.