CHEAT SHEET
DESARROLLO WEB HTML5
Creado por @Manz ( http://twitter.com/Manz )
Sintaxis>2TJ+
Felemento>>atributo>8ñvalorñ0>contenido>FAelemento0
;tiquetas>de>texto
<em> texto>enfatizado
<strong> texto>importante
<mark> texto>resaltado
<i> vozAtono>alternativo
<b> palabra>clave
<u> anotaciones
<sub> <super> subíndice>A>superíndice
<small> pequeñas>aclaraciones
<var> variable>o>incógnita
<samp> resultado>de>operación
<kbd> entrada>de>usuario>htecladoá
<dfn> <abbr> definición>A>abreviatura
title significado
<cite> títulos>de>trabajos>u>obras
<q> citas>hfrasesá
cite UR+ enlace>de>referencia
<br> salto>de>línea
<wbr> oportunidad>de>salto>de>línea
<s> texto>eliminado>hinexactoá
<ins> <del> texto>añadido>A>eliminado
cite UR+ enlace>de>referencia
datetime CechaAhora>h5SO6RIéá
<time> fecha>A>hora>hlegibleá
datetime CechaAhora>h5SO6RIéá
<data> equivalencia>para>máquinas
value información>hpara>robotsá
<code> fragmento>de>código
<a> <area> vínculos>y>área>de>enlaces
href UR+ enlace>o>archivo
hreflang 5dioma>h5SOR.3úéá
download nombre>de>descarga
rel alternate author bookmark help
license prev next search prefetch
nofollow noreferrer tag
target _self _blank _parent destino
type J5J; formato>de>archivo
hsolo>para>Farea0á
alt texto>alternativo
coords lista>de>coordenadas
shape rectangle circle poly default
;tiquetas>de>scripting
<script> ejecuta>o>carga>un>script
src UR+ enlace>o>archivo
charset UTCú6 5SOú66U3úé 111
async carga>asíncrona
defer aplaza>ejecución
type J5J; formato>de>archivo
<noscript> alternativa>sin>scripts
<template> carga>plantilla>2TJ+
http://www.emezeta.com/
;tiquetas>de>agrupación
<p> párrafo>de>texto
<div> capa>hdivisión>en>bloqueá
<span> capa>hfragmento>en>líneaá
<hr> separación>temática
<pre> texto>preformateado
<blockquote> agrupación>de>cita
cite UR+ enlace>de>referencia
<figure> ilustración>hfiguraw>imagen111á
<figcaption> leyenda>de>ilustración
<main> contenido>principal
<map> mapa>de>imágenes>hFarea0á
name nombre>del>mapa
;tiquetas>de>listas
<ul> lista>sin>orden
<ol> lista>ordenada
start primer>número>de>la>lista
reversed lista>inversa
type é a 4 i 5 tipo>numeración
<li> elemento>de>la>lista
value valor>del>elemento>hrobotsá
<dl> lista>de>definiciones
<dt> <dd> término>A>descripción
;tiquetas>de>tablas
<table> tabla>de>datos>tabulados
border hfallback>para>U4>limitadosá
sortable permite>ordenar>columnas
<tr> fila>de>la>tabla>hrowá
<th> cabecera>de>la>tabla>hheaderá
<td> datos>de>la>tabla>hdataá
<caption> leyenda>de>la>tabla
<thead> agrupación>de>cabecera
<tbody> agrupación>de>datos
<tfoot> agrupación>de>pie>de>tabla
<col> <colgroup> columna>A>agrupación
span aplicar>a>X>columnas
;tiquetas>de>sección
<article> cuerpo>del>tema
<h1> <h2> ... <h6> encabezados
<section> sección>hgrupo>temáticoá
<nav> zona>de>navegación
<aside> contenido>no>relacionado
<header> cabecera>hlogow>título111á
<footer> pie>de>página
<address> información>de>contacto
5dioma>h5SOR.3úéá
es español en inglés de alemán ...
CechaAhora>h5SO6RIéá
,IéUúI.ú.ITéy9.I9IOkIé9II
;tiquetas>multimedia
<img> imagen :PD PND SVD W;BP D5C
src UR+ enlace>a>imagen
alt texto>alternativo>a>imagen
width height anchoAalto>de>imagen
<iframe> marco>flotante>h2TJ+á 2TJ+
src UR+ enlace>a>página
name nombre>del>iframe
width height anchoAalto>de>imagen
sandbox allowúforms allowúpointerúlock
allowútopúnavigation allowúsameúorigin
allowúpopups allowúscripts
<embed> recurso>externo SWC
src UR+ enlace>a>recurso
type J5J; formato>de>archivo
width height anchoAalto>de>imagen
<object> recurso>externo SWC
data UR+ enlace>a>recurso
name nombre>del>objeto
type J5J; formato>de>archivo
width height anchoAalto>de>imagen
<param> parámetros>de>Fobject0
name nombre>del>parámetro
value valor>del>parámetro
<video> elemento>de>video JPy W;BJ ODV
<audio> elemento>de>audio JP. OPUS ODD
para>Fvideo0>y>Faudio0
src UR+ enlace>a>video
preload none metadata auto
mediagroup agrupación>multimedia
autoplay reproduce>al>inicio
loop modo>infinito>hbucleá
muted silencia>el>audio
controls muestra>controles
solo>para>Fvideo0
poster UR+ enlace>a>imagen>previa
width height anchoAalto>de>imagen
<source> formatos>alternativos
src UR+ enlace>a>videoAaudio
type J5J; -codecs8 GOV;G
<track> subtítulos VTT
src UR+ enlace>a>subtítulo
lang 5dioma>h5SOR.3úéá
label leyenda>del>subtítulo
kind subtitles captions descriptions
chapters metadata
default subtítulo>primario
<picture> imágenes :PD PND SVD W;BP D5C
<source> formatos>para>Fpicture0
srcset UR+ lista>de>imágenes
sizes descriptor>de>ancho
media media>queries
type J5J; formato>de>archivo
<canvas> lienzo>de>dibujo
width height anchoAalto>del>lienzo
 CHEAT SHEET
DESARROLLO WEB HTML5
Creado por @Manz ( http://twitter.com/Manz )
EtiquetasUdeUdocumento
DRDOCTYPEUhtmlP documentoUHTML_
<html> contenidoUdelUdocumento
manifest URL archivoUdeUcaché
<head> cabeceraU-metadatos8
<body> contenidoUdeUlaUpágina
GtributosUglobales
id identificadorU-únicoUporUpágina8
class claseU-múltiplesUporUpágina8
lang IdiomaU-ISOíCV9(8
translate yes no palabraUtraducible
title informaciónUalUpasarUelUratón
data-* metadatosUpersonalizados
style estilosUCSSUenUlínea
dir ltr rtl auto direcciónUdelUtexto
EtiquetasUDheadPUyUmetadatos
<link> relaciónUconUotroUdocumento
rel tipoUdeUrelación
alternate versiónUalternativa
author informaciónUsobreUelUautor
license licenciaUdelUdocumento
help documentoUdeUayuda
icon iconoUdeUlaUURLU-favicon8
canonical URLUcanónica
prev next páginaUanterior.siguiente
prefetch precargaUdeUpágina
search URLUdeUbúsquedaUweb
stylesheet URLUdeUestilosUCSS
href URL enlaceUoUarchivo
hreflang IdiomaU-ISOíCV9(8
type MIME formatoUdeUarchivo
<meta> codificaciónUdelUdocumento
charset UTF9A ISO9AA_V9( 111
<meta> metadatosUdelUdocumento
name keywords description author
application9name generator
content valorUdelUmetadato
<style> estilosUCSSUincrustados
media tipoUdeUmedioUaplicable
title nombreUdelUestiloUalternativo
type MIME formatoUdeUarchivo
<base> baseUdeUURLsUrelativas
href URL enlaceUoUarchivo
target _self _blank _parent destino
GtributosUcomunesUdeUformulario
accesskey teclaUdeUaccesoUrápido
tabindex ordenUdelUcampoU-número8
spellcheck true false revisaUortografía
form asociaUconUidUdeUunUformulario
autofocus colocaUfocoUenUcampo
hidden ocultaUunUcampo
contenteditable permiteUeditarUcampo
http://www.emezeta.com/
FormulariosUHTML FormulariosUHTML
<form> formulario <button> botón
name nombreUdelUformulario name nombreUdelUcampo
method get post métodoUHTTP type submit reset button
action URL enlaceUaUback9end value valorUinicial
accept-charset UTF9A ISO9AA_V9( ... <keygen> generadorUdeUparUdeUclaves
autocomplete on off name nombreUdelUcampo
novalidate noUrealizaUvalidaciones keytype rsa
target _self _blank _parent destino challenge cadenaUdeUdesafío
enctype application.x9www9form9urlencoded <output> resultados
multipart.form9data text.plain
name nombreUdelUcampo
<label> leyendaUparaUunUcampo
for asociaUconUidUdeUunUcampo
for asociaUconUidUdeUunUcampo
<progress> barraUdeUprogreso
<input> campoUdeUentradaUdeUdatos
value progresoUactual
name nombreUdelUcampo
max valorUmáximo
type text hidden search tel url email
<details> informaciónU-desplegable8
number range color
open despliegaUcontenido
password file
<summary> información
datetime date time week month
<dialog> cuadroUdeUdiálogoUHTML
checkbox radio
open despliegaUcontenido
submit image reset button
<meter> medidor
value valorUinicial
value progresoUactual
size tamañoUdelUcampo
low umbralUinferior
list asociaUconUidUdeUDdatalistP
high umbralUsuperior
placeholder sugerenciaUvisual
optimum valorUóptimo
accept formatosUsoportadosUo MIME
alt textoUalternativo EsquemasUdeUDmeterP
src URL enlaceUoUimagen
LowUDUOptUDUHigh LowUDUHighUDUOpt OptUDULowUDUHigh
width height ancho.altoUdeUimagen
ValueUDULow ValueUDULow ValueUPULow
autocomplete on off
ValueUPUHigh ValueUDUHigh ValueUPUHigh
checked campoUseleccionado
Otro Otro Otro
multiple permiteUmúltiplesUvalores
<textarea> áreaUampliaUdeUtexto
RestricciónUdeUcampos
name nombreUdelUcampo
camposUnuméricos
autocomplete on off
cols númeroUdeUcolumnas min max númeroUmínimo.máximo
rows númeroUdeUfilas step cantidadUentreUsaltos
placeholder sugerenciaUvisual camposUtextuales
wrap soft hard mantieneUsaltos minlength maxlength longitudUmin.máx
pattern REGEX patrónUdeUvalidación
<select> listaUdeUselección
tipoUgeneral
name nombreUdelUcampo
required campoUobligatorio
size tamañoUdelUcampo
disabled desactivadoU-noUseUenvía8
multiple selecciónUmúltiple
readonly impideUeditarUcampo
<datalist> listaU-modificable8
<option> elementoUdeUlista GtributosUqueUalteranUformulario
value valorUinicial
formmethod get post
label textoUvisible
formaction URL enlaceUaUback9end
selected opciónUseleccionada
formnovalidate noUrealizaUvalidaciones
<optgroup> agrupaciónUdeUopciones formtarget _self _blank _parent destino
label textoUvisible formenctype multipart.form9data
<fieldset> agrupaciónUtemática application.x9www9form9urlencoded text.plain
name nombreUdelUcampo
<legend> leyendaUparaUDfieldsetP DR99UcomentariosU99P