CHEAT SHEET
DESARROLLO WEB HTML5
Creado por @Manz ( http://twitter.com/Manz )
Sintaxis>2TJ+
Felemento>>atributo>8valor0>contenido>FAelemento0
;tiquetas>de>texto
<em> texto>enfatizado
<strong> texto>importante
<mark> texto>resaltado
<i> vozAtono>alternativo
<b> palabra>clave
<u> anotaciones
<sub> <super> subndice>A>superndice
<small> pequeas>aclaraciones
<var> variable>o>incgnita
<samp> resultado>de>operacin
<kbd> entrada>de>usuario>hteclado
<dfn> <abbr> definicin>A>abreviatura
title significado
<cite> ttulos>de>trabajos>u>obras
<q> citas>hfrases
cite UR+ enlace>de>referencia
<br> salto>de>lnea
<wbr> oportunidad>de>salto>de>lnea
<s> texto>eliminado>hinexacto
<ins> <del> texto>aadido>A>eliminado
cite UR+ enlace>de>referencia
datetime CechaAhora>h5SO6RI
<time> fecha>A>hora>hlegible
datetime CechaAhora>h5SO6RI
<data> equivalencia>para>mquinas
value informacin>hpara>robots
<code> fragmento>de>cdigo
<a> <area> vnculos>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 UTC6 5SO66U3 111
async carga>asncrona
defer aplaza>ejecucin
type J5J; formato>de>archivo
<noscript> alternativa>sin>scripts
<template> carga>plantilla>2TJ+
http://www.emezeta.com/
;tiquetas>de>agrupacin
<p> prrafo>de>texto
<div> capa>hdivisin>en>bloque
<span> capa>hfragmento>en>lnea
<hr> separacin>temtica
<pre> texto>preformateado
<blockquote> agrupacin>de>cita
cite UR+ enlace>de>referencia
<figure> ilustracin>hfiguraw>imagen111
<figcaption> leyenda>de>ilustracin
<main> contenido>principal
<map> mapa>de>imgenes>hFarea0
name nombre>del>mapa
;tiquetas>de>listas
<ul> lista>sin>orden
<ol> lista>ordenada
start primer>nmero>de>la>lista
reversed lista>inversa
type a 4 i 5 tipo>numeracin
<li> elemento>de>la>lista
value valor>del>elemento>hrobots
<dl> lista>de>definiciones
<dt> <dd> trmino>A>descripcin
;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> agrupacin>de>cabecera
<tbody> agrupacin>de>datos
<tfoot> agrupacin>de>pie>de>tabla
<col> <colgroup> columna>A>agrupacin
span aplicar>a>X>columnas
;tiquetas>de>seccin
<article> cuerpo>del>tema
<h1> <h2> ... <h6> encabezados
<section> seccin>hgrupo>temtico
<nav> zona>de>navegacin
<aside> contenido>no>relacionado
<header> cabecera>hlogow>ttulo111
<footer> pie>de>pgina
<address> informacin>de>contacto
5dioma>h5SOR.3
es espaol en ingls de alemn ...
CechaAhora>h5SO6RI
,IUI..ITy9.I9IOkI9II
;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>pgina
name nombre>del>iframe
width height anchoAalto>de>imagen
sandbox allowforms allowpointerlock
allowtopnavigation allowsameorigin
allowpopups allowscripts
<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> parmetros>de>Fobject0
name nombre>del>parmetro
value valor>del>parmetro
<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 agrupacin>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> subttulos VTT
src UR+ enlace>a>subttulo
lang 5dioma>h5SOR.3
label leyenda>del>subttulo
kind subtitles captions descriptions
chapters metadata
default subttulo>primario
<picture> imgenes :PD PND SVD W;BP D5C
<source> formatos>para>Fpicture0
srcset UR+ lista>de>imgenes
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> contenidoUdeUlaUpgina
GtributosUglobales
id identificadorU-nicoUporUpgina8
class claseU-mltiplesUporUpgina8
lang IdiomaU-ISOCV9(8
translate yes no palabraUtraducible
title informacinUalUpasarUelUratn
data-* metadatosUpersonalizados
style estilosUCSSUenUlnea
dir ltr rtl auto direccinUdelUtexto
EtiquetasUDheadPUyUmetadatos
<link> relacinUconUotroUdocumento
rel tipoUdeUrelacin
alternate versinUalternativa
author informacinUsobreUelUautor
license licenciaUdelUdocumento
help documentoUdeUayuda
icon iconoUdeUlaUURLU-favicon8
canonical URLUcannica
prev next pginaUanterior.siguiente
prefetch precargaUdeUpgina
search URLUdeUbsquedaUweb
stylesheet URLUdeUestilosUCSS
href URL enlaceUoUarchivo
hreflang IdiomaU-ISOCV9(8
type MIME formatoUdeUarchivo
<meta> codificacinUdelUdocumento
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 teclaUdeUaccesoUrpido
tabindex ordenUdelUcampoU-nmero8
spellcheck true false revisaUortografa
form asociaUconUidUdeUunUformulario
autofocus colocaUfocoUenUcampo
hidden ocultaUunUcampo
contenteditable permiteUeditarUcampo
http://www.emezeta.com/
FormulariosUHTML FormulariosUHTML
<form> formulario <button> botn
name nombreUdelUformulario name nombreUdelUcampo
method get post mtodoUHTTP 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 cadenaUdeUdesafo
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 valorUmximo
type text hidden search tel url email
<details> informacinU-desplegable8
number range color
open despliegaUcontenido
password file
<summary> informacin
datetime date time week month
<dialog> cuadroUdeUdilogoUHTML
checkbox radio
open despliegaUcontenido
submit image reset button
<meter> medidor
value valorUinicial
value progresoUactual
size tamaoUdelUcampo
low umbralUinferior
list asociaUconUidUdeUDdatalistP
high umbralUsuperior
placeholder sugerenciaUvisual
optimum valorUptimo
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 permiteUmltiplesUvalores
<textarea> reaUampliaUdeUtexto
RestriccinUdeUcampos
name nombreUdelUcampo
camposUnumricos
autocomplete on off
cols nmeroUdeUcolumnas min max nmeroUmnimo.mximo
rows nmeroUdeUfilas step cantidadUentreUsaltos
placeholder sugerenciaUvisual camposUtextuales
wrap soft hard mantieneUsaltos minlength maxlength longitudUmin.mx
pattern REGEX patrnUdeUvalidacin
<select> listaUdeUseleccin
tipoUgeneral
name nombreUdelUcampo
required campoUobligatorio
size tamaoUdelUcampo
disabled desactivadoU-noUseUenva8
multiple seleccinUmltiple
readonly impideUeditarUcampo
<datalist> listaU-modificable8
<option> elementoUdeUlista GtributosUqueUalteranUformulario
value valorUinicial
formmethod get post
label textoUvisible
formaction URL enlaceUaUback9end
selected opcinUseleccionada
formnovalidate noUrealizaUvalidaciones
<optgroup> agrupacinUdeUopciones formtarget _self _blank _parent destino
label textoUvisible formenctype multipart.form9data
<fieldset> agrupacinUtemtica application.x9www9form9urlencoded text.plain
name nombreUdelUcampo
<legend> leyendaUparaUDfieldsetP DR99UcomentariosU99P