Glosario de etiquetas e información básica sobre etiquetas HTML5 como material de apoyo básico del desarrollador web
|
HTML
|
<!DOCTYPE html> |
<html> representa la raíz de un documento HTML (HyperText Markup Language). Se recomienda que también se indique el doctype del documento.
<!-- Comentario HTML --> |
<base> |
Base utilizada para URls relativas
<base href="..."> |
<link> |
Especifica otros recursos relacionados con el documento, como hojas de estilo
<link href="..." rel="..."> |
<meta> |
Metadatos adicionales para el navegador
<meta charset="utf-8" name="Sema"><meta name="description" content="..."> |
<script> |
Añade un fichero JavaScript
<script src="js-file.js">...</script> |
<style> |
Estilos CSS embebidos
<style>...</style> |
<title> |
Título del documento HTML
<title>...</title> |
|
Atributo
|
Descripción
|
|
accesskey
|
Tecla de acceso rápido
|
|
class
|
Clase o lista de clases
|
|
contenteditable
|
Indica si el contenido es editable o no
|
|
contextmenu
|
Especifica el menú contextual para el elemento
|
|
data-*
|
Especifica metadatos
|
|
dir
|
Dirección del texto
|
|
draggable
|
Habilita o no el drag&drop
|
|
dropzone
|
Especifica el comporta-miento al arrastrar o soltar
|
|
hidden
|
Oculta el campo
|
|
id
|
Identificador único
|
|
lang
|
Idioma
|
|
spellcheck
|
Indica si el elemento debe comprobar su ortografía
|
|
style
|
Estilos en línea
|
|
tabindex
|
Orden de tabulación
|
|
title
|
Aporta información adicional
|
<address> |
Información para el
<article> más cercano o ancestro <body> |
<article> |
Elemento de información auto-contenida de un documento, página o similar
|
<aside> |
Contenido indirectamente relacionado con el contenido principal del documento
|
<footer> |
Pie de página que aplica a la sección o ancestro más cercano (puede ser
<article>, <body>, <figure>, <nav>, <section>, etc.) |
<header> |
Encabezado
|
<main> |
Contenido principal y único del documento
|
<nav> |
Contenido para navegación y enlaces
|
<section> |
Representa una sección genérica
|
<blockquote> |
Crea citas en bloque
|
<div> |
Crea divisiones que definen secciones o agrupa contenidos
|
<figcaption> |
Subtítulo o leyenda asociado al
<figure> padre |
<figure> |
Contenido independiente, como una imagen o un fragmento de código
|
<hr> |
Cambio de tema entre párrafos
|
<p> |
Párrafo
|
<pre> |
Representa texto preformateado
|
<a> |
Enlace a una página, archivo, dirección de correo o ubicación
|
<abbr> |
Abreviación o acrónimo
|
<b> |
Negrita (b = bold)
|
<bdi> |
Permite cambiar la dirección de un texto; se anula con
<bdo> |
<br> |
Salto de línea
|
<cite> |
Marca una referencia a una fuente o a un autor
|
<data> |
Vincula un contenido dado con una traducción legible por una máquina
|
<em> |
Aplica énfasis a partes importantes de un texto
|
<i> |
Muestra el texto en cursiva o italica
|
<mark> |
Marca o resalta un fragmento de un texto debido a su relevancia o importancia
|
<q> |
Indica que el texto adjunto es una cita corta en línea
|
<span> |
Contenedor de texto en línea, que permite aplicar estilo a subpartes del bloque de texto
|
<strong> |
Refuerza un texto (más importancia que
<b>) |
<sub> |
Texto en forma subíndice
|
<sup> |
Texto en forma superíndice
|
<time> |
Representa un periodo específico de tiempo
|
<area> |
Permite crear secciones de un mapa de imágenes
|
<audio> |
Inserta un audio
|
<iframe> |
Embebe otro documento HTML completo
|
<img> |
Inserta una imagen
|
<svg> |
Embebe una imagen en formato vectorizado
|
<video> |
Inserta un vídeo
|
<button> |
Representa un elemento clickable de tipo botón para desencadenar acciones
|
<fieldset> |
Organiza en grupos o conjuntos los campos de un formulario
|
<form> |
Sección de un documento que contiene controles para recoger información introducida por el usuario (formulario)
|
<input> |
Campo de entrada de información, que podrá ser numérico, color, contraseña, texto, fichero, url, email, etc.
|
<label> |
Permite indicar un texto que va junto a un control de formulario
|
<optgroup> |
Permite crear agrupaciones de
<option> dentro de un <select> |
<option> |
Permite crear opciones para el desplegable de un
<select> |
<progress> |
Muestra una barra de progreso
|
<select> |
Representa un control de formulario que muestra un menú de opciones, donde cada una es representada con
<option> |
<textarea> |
Representa un control de formulario para la edición de multilínea de texto sin formato
|
<ul> |
Lista desordenada
|
<ol> |
Lista ordenada (numerada)
|
<li> |
Elemento o ítem de la lista
|
<dl> |
Lista de definiciones
|
<dt> |
Definición del término
|
<dd> |
Descripción de la definición
|
<table> |
Tabla (datos en dos o más direcciones)
|
<thead> |
Cabecera de la tabla
|
<tbody> |
Cuerpo de la tabla
|
<th> |
Celda de cabecera
|
<tr> |
Fila
|
<td> |
Celda de tabla
|
<tfoot> |
Pie de tabla
|
<caption> |
Título de la tabla
|
<col> |
Permite especificar propiedades para una columna o grupo de ellas
|
<colgroup> |
Permite crear grupos de columnas
|
<canvas> |
Permite dibujar gráficos o animaciones a través de JavaScript
|
<noscript> |
Muestra su contenido cuando el navegador no soporta o no habilita JavaScript
|
<script> |
Permite añadir contenido JavaScript, bien en línea o bien referenciando una URL o ubicación
|
No comments yet.
Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.