HTML5 Flashcards
Etiqueta de comienzo en HTML5
<!DOCTYPE html>
¿Qué etiqueta semántica de HTML5, representa el encabezado de un documento o contenedor section/main/article/…?
La etiqueta header
<header></header>
¿Qué etiqueta semántica de HTML5 sirve para establecer una zona con enlaces de navegación en el ámbito de nuestro site?
La etiqueta nav
<nav></nav>
¿Qué etiqueta semántica de HTML5 representa una agrupación del contenido del que se trata en la página?
La etiqueta section
<section></section>
Es una agrupación de contenido temático, de lo que va la web.
Puede tener dentro artículos, igual que puede estar dentro de artículos
¿Qué etiqueta semántica de HTML5 es un contenedor de bloques de contenido que se consideran independientes del sitio web y pueden, por lo tanto, ser vistos, reutilizados y distribuidos por separado, como por ejemplo, en la sindicación?
La etiqueta article
<article></article>
Puede haber secciones divididas en artículos y artículos divididos en secciones
¿Qué etiqueta semántica de HTML5 representa información tangencialmente/ligeramente relacionada con el contenedor section/main/article…?
La etiqueta aside
<aside></aside>
¿Qué etiqueta de HTML5 representa el pie de un documento o contenedor section/main/article/…?
La etiqueta footer
<footer></footer>
¿Cual es la semántica de la etiqueta b en HTML5?
Fragmento de texto que llama la atención pero sin importancia destacable (fines utilitarios)
¿Qué etiqueta establece un fragmento de texto con voz o tono alternativo al resto o un elemento fuera de la prosa actual?
Etiqueta i
<i></i>
¿Cual es la etiqueta que enlaza el html con las hojas de estilo CSS?
Etiqueta link:
<link></link>
</link>
¿Hay alguna forma de crear atributos personalizados en HTML5? (Extensibilidad)
Si, con data-*
Ejemplo:
“<td data-codigo="5454"
td data-categoria="informática">”
En javascript hay un API llamado DATASET, con el que se puede acceder a dichos atributos personalizados
¿Qué tres atributos de la etiqueta section sirven para hacer que, por ejemplo Google, indexe nuestra página y podamos definir más semántica?
(Extensibilidad)
Los atributos itemscope, itemtype y itemprop
- itemscope: indica que vamos a meter metadatos de indexación
- itemtype: para indicar de qué categoría es nuestra web en referencia a “https://schema.org”
- itemprop: para indicar una propiedad concreta
Ejemplo:
“<secction>
"<p>
"<img></img>"
"<span>...</span>"
"<span>...</span>"
</p>"</secction>
</secction>”
¿Con qué atributo podemos aplicar a elementos de mi página, las clases de estilo que tengamos definidas?
Con el atributo class
Ejemplo:
<p>
Párrafo con el estilo que sea
</p>
(Se pueden poner más de una serie de estilos dentro de un atributo class)
¿Qué etiqueta se utiliza como ancla de referencia?
Etiqueta a
Ejemplo con atributo href:
<a></a>
¿Qué atributo sirve para que salga una información contextual al pasar el ratón por encima de un vínculo?
Atributo title
¿Qué atributo sirve para dar una propiedad muy concreta de un objeto?
Atributo style
Ejemplo:
<p style=”color:yellow>
Ejemplo
</p>
¿Para qué sirve el atributo id?
Para crear un identificador de un elemento. Tiene que ser único. Ejemplo:
Ejemplo:
<p>
Identificador único en ésta pagina
</p>
<h1>
Identificador único en ésta pagina
</h1>
¿Para qué sirve el atributo tabinfex?
Para establecer un orden de tabulación y así no usar el ratón
¿Cómo se incluyen comentarios en HTML5?
<– comentario – >
¿Para qué sirve el atributo “alt”?
Para indicar un texto alternativo. Por ejemplo, si hemos puesto una etiqueta <img></img> , si el navegador no soporta jpg, sacaría el texto alternativo.
Atributo dentro de un input que sirve para que el foco del ratón se sitúe automáticamente en un campo del formulario al cargar una pagina
Atributo autofocus
Dentro del atributo type, de la etiqueta input, ¿qué tipo sirve para que el usuario especifique un valor numérico comprendido entre un valor mínimo y un valor máximo?
<input (type=”range”) >
Dentro del atributo type, de la etiqueta input, ¿qué tipo sirve para mostrar un selector de color?
<input (type=”color”)>
Dentro del atributo type, de la etiqueta input, ¿qué tipo sirve para que el navegador pueda validar que has metido un email válido?
<input (type=”email”)>
Votos:
