{"id":2692,"date":"2015-08-02T09:56:24","date_gmt":"2015-08-02T07:56:24","guid":{"rendered":"https:\/\/diocesanos.es\/blogs\/equipotic\/?p=2692"},"modified":"2015-07-18T00:00:26","modified_gmt":"2015-07-17T22:00:26","slug":"html5-cheatsheet-chuleta-html","status":"publish","type":"post","link":"https:\/\/diocesanos.es\/blogs\/equipotic\/2015\/08\/02\/html5-cheatsheet-chuleta-html\/","title":{"rendered":"HTML5 Cheatsheet (Chuleta HTML)"},"content":{"rendered":"<p>Si eres dise\u00f1ador o desarrollador de frontend, programador o simplemente te interesa el <strong>dise\u00f1o de p\u00e1ginas webs<\/strong>, quiz\u00e1s esta chuleta (<em>cheat sheet<\/em>) te interese. Se trata del <strong><a href=\"http:\/\/lenguajehtml.com\/#cheatsheet\" target=\"_blank\">Lenguaje HTML<\/a><\/strong>, un lenguaje de marcado que se ide\u00f3 con el prop\u00f3sito de definir la estructura de una p\u00e1gina o documento web, que tiene como finalidad reunir una serie de informaci\u00f3n en diferentes formatos (texto, im\u00e1genes, video, audio, etc&#8230;).<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/chuleta-html5-desarrollo-web.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2695\" src=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/chuleta-html5-desarrollo-web-300x225.png\" alt=\"chuleta-html5-desarrollo-web\" width=\"300\" height=\"225\" srcset=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/chuleta-html5-desarrollo-web-300x225.png 300w, https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/chuleta-html5-desarrollo-web.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Con la llegada y soporte de <strong>HTML5<\/strong> en la mayor\u00eda de los navegadores, es el momento perfecto para aprender todo lo relacionado con HTML5: etiquetas de texto, agrupaci\u00f3n, sem\u00e1nticas, formularios, validaciones, multimedia, etc&#8230;<\/p>\n<p><!--more--><\/p>\n<p>Esta cheatsheet te ser\u00e1 muy \u00fatil si est\u00e1s aprendiendo, tienes mala memoria o quieres tener en un s\u00f3lo lugar de consulta r\u00e1pida los nombres, atributos y valores asociados a cada elemento HTML.<\/p>\n<h2 id=\"contenido\">Contenido<\/h2>\n<p>La <strong>cheatsheet<\/strong> contiene informaci\u00f3n sobre las siguientes caracter\u00edsticas de HTML5, dividido en dos p\u00e1ginas. La primera de ellas contiene en su mayor\u00eda caracter\u00edsticas b\u00e1sicas de HTML como etiquetas de formato o agrupaci\u00f3n de contenido, as\u00ed como muchas novedades multimedia de HTML5, mientras que la segunda incorpora etiquetas relacionadas con los formularios HTML5.<\/p>\n<p><strong>Primera p\u00e1gina:<\/strong><\/p>\n<figure><a href=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/html5-pagina-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2694\" src=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/html5-pagina-1-300x225.png\" alt=\"html5-pagina-1\" width=\"300\" height=\"225\" srcset=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/html5-pagina-1-300x225.png 300w, https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/html5-pagina-1.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\u00a0<figcaption>HTML5 Cheatsheet. P\u00e1gina 1<\/figcaption><\/figure>\n<ul>\n<li>Sintaxis general de HTML (elementos, atributos y valores)<\/li>\n<li>Etiquetas de formato de texto<\/li>\n<li>Etiquetas de agrupaci\u00f3n<\/li>\n<li>Etiquetas de listas (y definiciones)<\/li>\n<li>Etiquetas de tablas<\/li>\n<li>Etiquetas de secci\u00f3n (sem\u00e1nticas)<\/li>\n<li>Etiquetas de scripting<\/li>\n<li>Etiquetas multimedia (imagen, recursos, video, audio, subt\u00edtulos&#8230;)<\/li>\n<\/ul>\n<div class=\"banner\"><\/div>\n<p><strong>Segunda p\u00e1gina:<\/strong><\/p>\n<figure><a href=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/html5-pagina-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2693\" src=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/html5-pagina-2-300x225.png\" alt=\"html5-pagina-2\" width=\"300\" height=\"225\" srcset=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/html5-pagina-2-300x225.png 300w, https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/html5-pagina-2.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\u00a0<figcaption>HTML5 Cheatsheet. P\u00e1gina 2<\/figcaption><\/figure>\n<ul>\n<li>Etiquetas generales del documento HTML<\/li>\n<li>Atributos globales (<em>para cualquier elemento<\/em>)<\/li>\n<li>Atributos comunes en formularios<\/li>\n<li>Etiquetas de cabecera y metadatos<\/li>\n<li>Etiquetas de formulario<\/li>\n<li>Etiquetas de campos de entrada de datos (<em>input, select, textarea, datalist&#8230;<\/em>)<\/li>\n<li>Etiquetas de formularios de HTML5 (<em>keygen, progress, details, dialog, meter&#8230;<\/em>)<\/li>\n<li>Restricciones de formulario (<em>validaciones<\/em>)<\/li>\n<\/ul>\n<h2 id=\"leyenda\">Leyenda<\/h2>\n<p>Los esquemas de colores tienen cierto significado, que detallo a continuaci\u00f3n:<\/p>\n<ul>\n<li>Naranja: Elementos (<em>etiquetas HTML<\/em>)<\/li>\n<li>Naranja con franja negra al inicio: Elementos sin etiqueta de cierre<\/li>\n<li>Verde: Atributo del elemento<\/li>\n<li>Verde con franja roja al final: Atributo booleano (<em>sin valor<\/em>)<\/li>\n<li>Azul: Posible valor del atributo (<em>en negro la opci\u00f3n por defecto, si la tiene<\/em>)<\/li>\n<li>Morado: Formatos sugeridos para usar con el elemento<\/li>\n<\/ul>\n<p>[ <a href=\"http:\/\/lenguajehtml.com\/#cheatsheet\" target=\"_blank\">P\u00e1gina de descarga <\/a>]<\/p>\n<p><em>Art\u00edculo original en <strong><a href=\"http:\/\/www.emezeta.com\/articulos\/html5-cheatsheet-chuleta-html\" target=\"_blank\">emezeta.com<\/a><\/strong><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si eres dise\u00f1ador o desarrollador de frontend, programador o simplemente te interesa el dise\u00f1o de p\u00e1ginas webs, quiz\u00e1s esta chuleta (cheat sheet) te interese. Se trata del Lenguaje HTML, un lenguaje de marcado que se ide\u00f3 con el prop\u00f3sito de definir la estructura de una p\u00e1gina o documento web, que tiene como finalidad reunir una &hellip; <a href=\"https:\/\/diocesanos.es\/blogs\/equipotic\/2015\/08\/02\/html5-cheatsheet-chuleta-html\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">HTML5 Cheatsheet (Chuleta HTML)<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,6,151],"tags":[226,7],"class_list":["post-2692","post","type-post","status-publish","format-standard","hentry","category-documentacion","category-practicas","category-trucos-2","tag-html5","tag-web"],"_links":{"self":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/2692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/comments?post=2692"}],"version-history":[{"count":0,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/2692\/revisions"}],"wp:attachment":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/media?parent=2692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/categories?post=2692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/tags?post=2692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}