{"id":5133,"date":"2016-04-15T11:30:29","date_gmt":"2016-04-15T10:30:29","guid":{"rendered":"http:\/\/www.espai.es\/blog\/?p=5133"},"modified":"2016-04-19T18:01:51","modified_gmt":"2016-04-19T17:01:51","slug":"comprobar-la-compatibilidad-html5-en-navegadores","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/","title":{"rendered":"Comprobar la compatibilidad HTML5 en navegadores"},"content":{"rendered":"

Hola a todos y saludos desde el \u00e1rea web de la Escola Espai<\/a>.\u00a0En esta entrada hablaremos sobre una web realmente muy \u00fatil en el desarrollo web y en concreto en el desarrollo de p\u00e1ginas web en HTML5.<\/p>\n

Cuando trabajamos con HTML5, este provee b\u00e1sicamente tres caracter\u00edsticas: estructura, estilo y funcionalidad. HTML5 es considerado el producto de la combinaci\u00f3n de HTML, CSS y Javascript. Estas tecnolog\u00edas son altamente dependientes y act\u00faan como una sola unidad organizada bajo la especificaci\u00f3n de HTML5. Cada una de esas tecnolog\u00edas tiene sus reglas y elementos en un estado de especificaci\u00f3n determinado y a lo largo del tiempo va cambiando, hasta que se convierten en candidatas a recomendaci\u00f3n y es cuando los navegadores las empiezan a implementar en su n\u00facleo.\u00a0Existen, en HTML5, muchas tecnolog\u00edas con grados distintos de especificaci\u00f3n y tambi\u00e9n existen muchos navegadores en el mercado y todo ello nos provoca que haya un abanico muy grande de situaciones, que adem\u00e1s van variando a lo largo del tiempo.<\/p>\n

Para resolver dudas y saber hasta que punto una de las cosas que incorpora HTML5 est\u00e1 o no soportada por la mayor\u00eda de los navegadores, tenemos\u00a0el sitio caniuse.com<\/a>\u00a0(\u00abcan i use\u00bb, puedo usar), que nos ofrece un listado de caracter\u00edsticas y el grado de implementaci\u00f3n en navegadores.<\/p>\n

\"can-i-use-web\"<\/a>

P\u00e1gina principal de Can I Use<\/p><\/div>\n

El funcionamiento es muy simple, b\u00e1sicamente, en el buscador podemos introducir funciones de javascript, css, HTML5\u2026etc y nos dar\u00e1 informaci\u00f3n con todo tipo de detalles acerca de los navegadores compatibles, errores conocidos en distintas versiones de navegadores, otras fuentes para consultar.<\/p>\n

Adem\u00e1s, Can I Use<\/em><\/a>\u00a0nos aporta una serie de\u00a0ventajas, tales como estad\u00edsticas o la posibilidad de comparar versiones de navegadores y nos da informaci\u00f3n sobre los elementos que soporta cada uno de ellos y los elementos o m\u00e9todos que no son recomendables.<\/p>\n

Tambi\u00e9n podemos configurar la vista para que nos presente la informaci\u00f3n m\u00e1s o menos detallada configurando los filtros en la secci\u00f3n de \u00abSettings\u00bb<\/em>.<\/p>\n

\"Ejemplo<\/a>

Ejemplo de la respuesta de \u00abCan I Use\u00bb sobre la metodo Filter Effects de CSS3.<\/p><\/div>\n

En resumen, Can I Use<\/em><\/a>, es\u00a0la biblia sobre la compatibilidad html5 entre distintos navegadores y una web de referencia para todo desarrollador front end<\/em>.<\/p>\n

El proyecto naci\u00f3 en 2009, aunque se ha ido actualizando de forma frecuente. Se mantiene gracias al trabajo de Alexis Deveria, y ofrece su contenido con\u00a0licencia CC<\/a> para que pueda usarse en cualquiera de nuestras presentaciones.
\nSin duda, una buena opci\u00f3n para poder garantizar que la mayor\u00eda de los visitantes pueda ver lo que queremos ofrecer en nuestro sitio web.<\/p>\n

\u00bfY t\u00fa? \u00bfYa has probado Can I Use?<\/p>\n","protected":false},"excerpt":{"rendered":"

Hola a todos y saludos desde el \u00e1rea web de la Escola Espai.\u00a0En esta entrada hablaremos sobre una web realmente muy \u00fatil en el desarrollo web y en concreto en el desarrollo de p\u00e1ginas web en HTML5. Cuando trabajamos con HTML5, este provee b\u00e1sicamente tres…<\/p>\n","protected":false},"author":19,"featured_media":5140,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7,4,379,5],"tags":[494,498,12,13,497,15,78,253,495,496],"class_list":["post-5133","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-internet","category-productividad","category-programacion","tag-compatibilidad","tag-cross-browser","tag-css","tag-css3","tag-estandares-web","tag-html","tag-html5","tag-javascript","tag-navegadores","tag-w3c"],"yoast_head":"\nComprobar la compatibilidad HTML5 en navegadores - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"Una herramienta b\u00e1sica en el desarrollo en HTML5 para comprobar la compatibilidad de esta tecnolog\u00eda en los diferentes navegadores.\u00a0\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comprobar la compatibilidad HTML5 en navegadores - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"Una herramienta b\u00e1sica en el desarrollo en HTML5 para comprobar la compatibilidad de esta tecnolog\u00eda en los diferentes navegadores.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-15T10:30:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-04-19T17:01:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/04\/can-i-use-portada.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"360\" \/>\n\t<meta property=\"og:image:height\" content=\"240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Albert Sard\u00e0\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Albert Sard\u00e0\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/\"},\"author\":{\"name\":\"Albert Sard\u00e0\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52\"},\"headline\":\"Comprobar la compatibilidad HTML5 en navegadores\",\"datePublished\":\"2016-04-15T10:30:29+00:00\",\"dateModified\":\"2016-04-19T17:01:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/\"},\"wordCount\":487,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/04\/can-i-use-portada.jpg\",\"keywords\":[\"Compatibilidad\",\"cross-browser\",\"CSS\",\"CSS3\",\"Estandares web\",\"HTML\",\"HTML5\",\"javascript\",\"Navegadores\",\"W3C\"],\"articleSection\":[\"Dise\u00f1o Web\",\"Internet\",\"Productividad\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/\",\"name\":\"Comprobar la compatibilidad HTML5 en navegadores - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/04\/can-i-use-portada.jpg\",\"datePublished\":\"2016-04-15T10:30:29+00:00\",\"dateModified\":\"2016-04-19T17:01:51+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52\"},\"description\":\"Una herramienta b\u00e1sica en el desarrollo en HTML5 para comprobar la compatibilidad de esta tecnolog\u00eda en los diferentes navegadores.\u00a0\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/04\/can-i-use-portada.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/04\/can-i-use-portada.jpg\",\"width\":360,\"height\":240},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comprobar la compatibilidad HTML5 en navegadores\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52\",\"name\":\"Albert Sard\u00e0\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5375f6e1a8fa3ee5e4265fec85b9dbb6dd5ff2e961a7118a96e67358b0bea9e4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5375f6e1a8fa3ee5e4265fec85b9dbb6dd5ff2e961a7118a96e67358b0bea9e4?s=96&d=mm&r=g\",\"caption\":\"Albert Sard\u00e0\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/albert\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comprobar la compatibilidad HTML5 en navegadores - Blog Escola Espai","description":"Una herramienta b\u00e1sica en el desarrollo en HTML5 para comprobar la compatibilidad de esta tecnolog\u00eda en los diferentes navegadores.\u00a0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/","og_locale":"es_ES","og_type":"article","og_title":"Comprobar la compatibilidad HTML5 en navegadores - Blog Escola Espai","og_description":"Una herramienta b\u00e1sica en el desarrollo en HTML5 para comprobar la compatibilidad de esta tecnolog\u00eda en los diferentes navegadores.\u00a0","og_url":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/","og_site_name":"Blog Escola Espai","article_published_time":"2016-04-15T10:30:29+00:00","article_modified_time":"2016-04-19T17:01:51+00:00","og_image":[{"width":360,"height":240,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/04\/can-i-use-portada.jpg","type":"image\/jpeg"}],"author":"Albert Sard\u00e0","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Albert Sard\u00e0","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/"},"author":{"name":"Albert Sard\u00e0","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52"},"headline":"Comprobar la compatibilidad HTML5 en navegadores","datePublished":"2016-04-15T10:30:29+00:00","dateModified":"2016-04-19T17:01:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/"},"wordCount":487,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/04\/can-i-use-portada.jpg","keywords":["Compatibilidad","cross-browser","CSS","CSS3","Estandares web","HTML","HTML5","javascript","Navegadores","W3C"],"articleSection":["Dise\u00f1o Web","Internet","Productividad","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/","url":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/","name":"Comprobar la compatibilidad HTML5 en navegadores - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/04\/can-i-use-portada.jpg","datePublished":"2016-04-15T10:30:29+00:00","dateModified":"2016-04-19T17:01:51+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52"},"description":"Una herramienta b\u00e1sica en el desarrollo en HTML5 para comprobar la compatibilidad de esta tecnolog\u00eda en los diferentes navegadores.\u00a0","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/04\/can-i-use-portada.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/04\/can-i-use-portada.jpg","width":360,"height":240},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2016\/04\/comprobar-la-compatibilidad-html5-en-navegadores\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Comprobar la compatibilidad HTML5 en navegadores"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/46d558cebb513dbfefecabf973d54e52","name":"Albert Sard\u00e0","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5375f6e1a8fa3ee5e4265fec85b9dbb6dd5ff2e961a7118a96e67358b0bea9e4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5375f6e1a8fa3ee5e4265fec85b9dbb6dd5ff2e961a7118a96e67358b0bea9e4?s=96&d=mm&r=g","caption":"Albert Sard\u00e0"},"url":"https:\/\/www.espai.es\/blog\/author\/albert\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/04\/can-i-use-portada.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/5133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=5133"}],"version-history":[{"count":8,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/5133\/revisions"}],"predecessor-version":[{"id":5145,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/5133\/revisions\/5145"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/5140"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=5133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=5133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=5133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}