HTML ETIQUETAS

Vista previa del material en texto

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