HTML Flashcards
¿A qué se refieren estos productos: WebKit, Blink, Gecko?
Motor de renderizacion
¿Mediante que API podemos manipular los elementos de un documento HTML?
DOM (Document Object Model)
¿Cúal es la declaración de un documento HTML5?
‹!DOCTYPE html›
Cuando vemos un texto inicial dentro de una caja de texto (que se elimina en cuanto hacemos click sobre ella) en un formulario, ¿que atributo se ha utilizado?
placeholder
¿Como se llama a la técnica mediante la cual podemos realizar peticiones al servidor para traernos información (en formato JSON, XML,…) y realizar una actualización exclusivamente de una parte del documento HTML?
AJAX. El objeto principal se llama xmlHttpRequest
Nombre tres frameworks MVVM
Angular
ReactJS
VUE
Nombre dos herramientas de gestión de dependencias asociadas con el desarrollo web
bower
npm
¿Cómo se llama al tipo de producto que convierte un lenguaje de script como TypeScript (que no entiende el navegador) a uno que si entiende, como es el caso de JavaScript?
transpiler
Nombre dos herramientas de automatización de tareas asociadas al desarrollo web
gulp
grunt
Si tenemos un texto con saltos de linea, etc y queremos conservar exactamente ese formato, ¿qué etiqueta hay que utilizar?
pre
Nombre 4 etiquetas semánticas estructurales
section
article
nav
aside
¿Para que sirve el atributo “dir” ?
Para especificar la dirección del texto. Para idiomas como el arabe, etc
Nombre 9 API’s de HTML5
Geolocation
Canvas
WebSockets
Server Sent Events
File
Web Storage
WebWorker
IndexedDB
Drag and Drop
¿Cual es la etiqueta que representa a un contenedor en linea?
span
¿Para que sirve la etiqueta svg?
Para incrustar una grafico vectorial en formato XML
¿Cual es la declaración para asociarle al documento una hoja de estilos?
‹link rel=”stylesheet” href=”estilos.css”›
¿Como podría especificar una versión alternativa de su pagina, como por ejemplo una versión en PDF en frances?
‹link rel=”alternate” hreflang=”fr” type=”application/pdf” href=”pagina.pdf”›
¿Existe alguna forma de utilizar atributos personalizados dentro del documento HTML?
Los atributos data-* Se procesan con el dataset API
¿Existen algun(os) atributos específicos para mejorar la accesibilidad de nuestras páginas?
Si, se denominan aria-* y el atributo role
Nombre tres funciones del API del DOM para poder seleccionar elementos dentro de la página
document.getElementById(id)
document.getElementByTagName(tag)
document.querySelector(selector)
¿Que es un polyfill ?
Es un plugin (libreria js) para poder simular una determinada feature (API de HTML5) que no está implementada de forma nativa en ese navegador que estamos utilizando
Si queremos poner un texto en negrita, ¿que etiqueta deberiamos de utilizar?
Con ‹strong›
recordar que ‹b› ha cambiado su signifcado por algo mas semantico como “Bring Attention”
¿Cuales son los dos atributos que nos permiten asociarle estilos a una etiqueta?
class (clase de estilos definida en un css externo o en el bloque style del head de la pagina)
style (estilo inline)
En HTML5, ¿se pueden seguir utilizando frames?
Si, pero solo el ‹iframe›
¿Con que atributo se puede editar de forma online un parrafo por ej?
Con el atributo contenteditable=”true”
¿Como se puede incrustar un video(reproductor) en una pagina html?
‹video src=”movie.ogg” controls=”controls”›‹/video›
