CHEAT SHEET

DESARROLLO WEB HTML5

Creado por @Manz ( http://twitter.com/Manz )

http://www.emezeta.com/

Sintaxis>2TJ+

Felemento>>atributo>8valor0>contenido>FAelemento0
;tiquetas>de>texto

;tiquetas>de>agrupacin

<em> texto>enfatizado

<p> prrafo>de>texto
<div> capa>hdivisin>en>bloque

<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

entrada>de>usuario>hteclado
<abbr> definicin>A>abreviatura
significado
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
<kbd>
<dfn>
title
<cite>

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+

<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
:PD PND SVD W;BP D5C
<img> imagen
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
SWC
<embed> recurso>externo
UR+
src
enlace>a>recurso
type J5J; formato>de>archivo
width height anchoAalto>de>imagen
SWC
<object> recurso>externo
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
<audio> elemento>de>audio JP. OPUS
para>Fvideo0>y>Faudio0
src UR+ enlace>a>video
preload none metadata auto

ODV
ODD

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
VTT
<track> subttulos
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 )

http://www.emezeta.com/

EtiquetasUdeUdocumento

FormulariosUHTML

DRDOCTYPEUhtmlP documentoUHTML_

<form> formulario
name nombreUdelUformulario
method get post mtodoUHTTP
action URL enlaceUaUback9end
accept-charset UTF9A ISO9AA_V9( ...
autocomplete on off
novalidate noUrealizaUvalidaciones
target _self _blank _parent destino
enctype application.x9www9form9urlencoded

<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

multipart.form9data text.plain

<label> leyendaUparaUunUcampo
for asociaUconUidUdeUunUcampo
<input> campoUdeUentradaUdeUdatos
name nombreUdelUcampo
type text hidden search tel url email
number range color
password file
datetime date time week month
checkbox radio
submit image reset button

value valorUinicial
size tamaoUdelUcampo
list asociaUconUidUdeUDdatalistP
placeholder sugerenciaUvisual
accept formatosUsoportadosUo MIME
alt textoUalternativo
src URL enlaceUoUimagen
width height ancho.altoUdeUimagen
autocomplete on off
checked campoUseleccionado
multiple permiteUmltiplesUvalores
<textarea> reaUampliaUdeUtexto
name nombreUdelUcampo
autocomplete on off
cols nmeroUdeUcolumnas
rows nmeroUdeUfilas
placeholder sugerenciaUvisual
wrap soft hard mantieneUsaltos
<select> listaUdeUseleccin
name nombreUdelUcampo
size tamaoUdelUcampo
multiple seleccinUmltiple
<datalist> listaU-modificable8
<option> elementoUdeUlista
value valorUinicial
label textoUvisible
selected opcinUseleccionada
<optgroup> agrupacinUdeUopciones
label textoUvisible
<fieldset> agrupacinUtemtica

FormulariosUHTML
<button> botn
name nombreUdelUcampo
type submit reset button
value valorUinicial
<keygen> generadorUdeUparUdeUclaves
name nombreUdelUcampo
keytype rsa
challenge cadenaUdeUdesafo
<output> resultados
name nombreUdelUcampo
for asociaUconUidUdeUunUcampo
<progress> barraUdeUprogreso
value progresoUactual
max valorUmximo
<details> informacinU-desplegable8
open despliegaUcontenido
<summary> informacin
<dialog> cuadroUdeUdilogoUHTML
open despliegaUcontenido
<meter> medidor
value progresoUactual
low umbralUinferior
high umbralUsuperior
optimum valorUptimo
EsquemasUdeUDmeterP
LowUDUOptUDUHigh LowUDUHighUDUOpt
ValueUDULow

ValueUPULow

ValueUPUHigh

ValueUDUHigh

ValueUPUHigh

Otro

Otro

Otro

RestriccinUdeUcampos
camposUnumricos
min max nmeroUmnimo.mximo
step cantidadUentreUsaltos
camposUtextuales
minlength maxlength longitudUmin.mx
pattern REGEX patrnUdeUvalidacin

tipoUgeneral
required campoUobligatorio
disabled desactivadoU-noUseUenva8
readonly impideUeditarUcampo
GtributosUqueUalteranUformulario
formmethod get post
formaction URL enlaceUaUback9end
formnovalidate noUrealizaUvalidaciones
formtarget _self _blank _parent destino
formenctype multipart.form9data
application.x9www9form9urlencoded text.plain

name nombreUdelUcampo
<legend> leyendaUparaUDfieldsetP

OptUDULowUDUHigh

ValueUDULow

DR99UcomentariosU99P