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