Subido por Justg Garcia

html5-cheatsheet-emezeta

Anuncio
CHEAT SHEET
DESARROLLO WEB HTML5
Creado por @Manz ( http://twitter.com/Manz )
http://www.emezeta.com/
Sintaxis>2TJ+
Felemento>>atributo>8ñvalorñ0>contenido>FAelemento0
;tiquetas>de>texto
;tiquetas>de>agrupación
<em> texto>enfatizado
<p> párrafo>de>texto
<div> capa>hdivisión>en>bloqueá
<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
entrada>de>usuario>htecladoá
<abbr> definición>A>abreviatura
significado
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
<kbd>
<dfn>
title
<cite>
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+
<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
: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>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
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> parámetros>de>Fobject0
name nombre>del>parámetro
value valor>del>parámetro
<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 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
VTT
<track> subtítulos
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 )
http://www.emezeta.com/
EtiquetasUdeUdocumento
FormulariosUHTML
DRDOCTYPEUhtmlP documentoUHTML_
<form> formulario
name nombreUdelUformulario
method get post métodoUHTTP
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> 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
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 tamañoUdelUcampo
list asociaUconUidUdeUDdatalistP
placeholder sugerenciaUvisual
accept formatosUsoportadosUo MIME
alt textoUalternativo
src URL enlaceUoUimagen
width height ancho.altoUdeUimagen
autocomplete on off
checked campoUseleccionado
multiple permiteUmúltiplesUvalores
<textarea> áreaUampliaUdeUtexto
name nombreUdelUcampo
autocomplete on off
cols númeroUdeUcolumnas
rows númeroUdeUfilas
placeholder sugerenciaUvisual
wrap soft hard mantieneUsaltos
<select> listaUdeUselección
name nombreUdelUcampo
size tamañoUdelUcampo
multiple selecciónUmúltiple
<datalist> listaU-modificable8
<option> elementoUdeUlista
value valorUinicial
label textoUvisible
selected opciónUseleccionada
<optgroup> agrupaciónUdeUopciones
label textoUvisible
<fieldset> agrupaciónUtemática
FormulariosUHTML
<button> botón
name nombreUdelUcampo
type submit reset button
value valorUinicial
<keygen> generadorUdeUparUdeUclaves
name nombreUdelUcampo
keytype rsa
challenge cadenaUdeUdesafío
<output> resultados
name nombreUdelUcampo
for asociaUconUidUdeUunUcampo
<progress> barraUdeUprogreso
value progresoUactual
max valorUmáximo
<details> informaciónU-desplegable8
open despliegaUcontenido
<summary> información
<dialog> cuadroUdeUdiálogoUHTML
open despliegaUcontenido
<meter> medidor
value progresoUactual
low umbralUinferior
high umbralUsuperior
optimum valorUóptimo
EsquemasUdeUDmeterP
LowUDUOptUDUHigh LowUDUHighUDUOpt
ValueUDULow
ValueUPULow
ValueUPUHigh
ValueUDUHigh
ValueUPUHigh
Otro
Otro
Otro
RestricciónUdeUcampos
camposUnuméricos
min max númeroUmínimo.máximo
step cantidadUentreUsaltos
camposUtextuales
minlength maxlength longitudUmin.máx
pattern REGEX patrónUdeUvalidación
tipoUgeneral
required campoUobligatorio
disabled desactivadoU-noUseUenvía8
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
Descargar