<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-1531275133681113837</id><updated>2012-06-04T13:37:53.809+02:00</updated><category term='presentaciones'/><category term='accesibilidad legislación'/><category term='enlaces'/><category term='accesibilidad televisión'/><category term='WCAG 2.0'/><category term='plantillas'/><category term='sabías que ...'/><category term='usabilidad textos'/><category term='navegadores trucos'/><category term='reseñas'/><category term='AJAX'/><category term='accesibilidad certificación'/><category term='accesibilidad software'/><category term='frases ...'/><category term='redes sociales'/><category term='accesibilidad general'/><category term='accesibilidad Flash'/><category term='HTML 5'/><category term='Norma UNE 139803'/><category term='documentación'/><category term='iphone'/><category term='DNIe'/><category term='usabilidad metodología'/><category term='recursos'/><category term='accesibilidad Blogger'/><category term='accesibilidad sordos'/><category term='accesibilidad ePub'/><category term='usabilidad color'/><category term='general blog'/><category term='navegadores general'/><category term='Técnicas WCAG 2.0'/><category term='WAI-ARIA'/><category term='off topic'/><category term='XHTML'/><category term='usabilidad software'/><category term='accesibilidad Word'/><category term='usabilidad general'/><category term='usabilidad internacionalización'/><category term='agenda'/><category term='accesibilidad denuncias'/><category term='CSS'/><category term='usabilidad formularios'/><category term='accesibilidad iPad'/><category term='imprescindibles'/><category term='accesibilidad PDF'/><category term='glosario'/><category term='usabilidad iPad'/><category term='navegadores extensiones'/><category term='accesibilidad móvil'/><category term='firma electrónica'/><category term='accesibilidad metodología'/><category term='tecnología asistiva'/><category term='SEO'/><category term='descargas'/><category term='estándares'/><category term='noticias'/><category term='evaluación heurística'/><category term='arquitectura de información'/><category term='accesibilidad multimedia'/><category term='cheatsheet'/><category term='accesibilidad javascript'/><category term='seminarios'/><category term='accesibilidad PowerPoint'/><category term='WCAG 1.0'/><title type='text'>Usable y accesible</title><subtitle type='html'>Consultoría de accesibilidad, usabilidad, arquitectura de información y experiencia de usuario.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://olgacarreras.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1531275133681113837/posts/default/-/HTML+5'/><link rel='alternate' type='text/html' href='http://olgacarreras.blogspot.com/search/label/HTML%205'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Olga Carreras</name><uri>http://www.blogger.com/profile/09766441534259003449</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://2.bp.blogspot.com/-ExT25d6I8sM/ThApmvcNINI/AAAAAAAAA_Y/_ZW_tOAgmso/s220/olgacarreras.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>5</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-1531275133681113837.post-6422256239446445571</id><published>2012-02-16T14:33:00.008+01:00</published><updated>2012-05-14T10:36:09.351+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='accesibilidad general'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML 5'/><title type='text'>HTML 5 y accesibilidad</title><content type='html'>&lt;p&gt;Última actualización: 13 de marzo de 2012&lt;/p&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;p&gt;La especificación de HTML 5 pretende ser una especificación pensada para incluir dinamismo y a la vez accesibilidad desde su concepción. Por tanto, la ventaja principal que tendrá es que los desarrolladores que la utilicen podrán generar efectos de presentación muy atractivos sin limitar la interacción por parte de usuarios de ayudas técnicas. Pero en estos momentos es todavía un borrador, su implementación en los diversos navegadores no es completa aún y por tanto, aunque desde muchos sectores se alienta su uso, yo no lo haría tan alegremente.&lt;/p&gt;&lt;p&gt;Existe un sitio dedicado a informar sobre la implementación de HTML en los navegadores y sus consecuencias para la accesibilidad, así como posibles soluciones: &lt;a href="http://html5accessibility.com/" target="_blank" title="Se abre en ventana nueva"&gt;http://html5accessibility.com/&lt;/a&gt; Recomiendo vivamente estar al tanto de las actualizaciones y, sobre todo de las advertencias contenidas en ese sitio.&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.juanhidalgoreina.com/2011/11/emmanuelle-gutierrez-restrepo/" target="_blank" title="Se abre en ventana nueva"&gt;Entrevista a Emmanuelle Gutiérrez y Restrepo&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;Un recurso imprescindible, como recomienda Emmanuelle, es la web &lt;strong&gt;&lt;a href="http://www.html5accessibility.com/" lang="en" hreflang="en" target="_blank" title="Se abre en ventana nueva"&gt;"HTML 5 Accesibility"&lt;/a&gt;&lt;/strong&gt; donde se propociona información actualizada sobre el soporte en los diferentes navegadores (la última versión es de este mes, donde se sitúan a la cabeza Chrome y Firefox y a la cola Opera y Safari):&lt;br /&gt;&lt;br /&gt;&lt;blockquote lang="en"&gt;&lt;p&gt;This site is a resource to provide information about which new HTML5 user interface features are accessibility supported in browsers, making them usable by people who rely upon assistive technology (AT) to use the web [...]&lt;/p&gt;&lt;p&gt;It is not intended to dissuade developers from using new HTML5 features. Sometimes there are better choices, sometimes developers have to add a little extra to make the feature useful or usable, and other times features have simply not been implemented by any browser or only by browsers that do not yet support assistive technologies. &lt;strong&gt;As a consequence it may not yet be practical to use a particular HTML5 feature.&lt;/strong&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;Actualmente el grupo de trabajo WCAG WG está trabajando en las &lt;strong&gt;&lt;a href="http://www.w3.org/WAI/GL/wiki/Techniques/HTML5" target="_blank" title="Se abre en ventana nueva"&gt;Técnicas HTML5 para las WCAG 2.0&lt;/a&gt;&lt;/strong&gt;, tal y como existen ahora para HTML, PDF, Flash, etc. (&lt;a lang="en" href="http://www.w3.org/TR/WCAG-TECHS/" target="_blank" title="Se abre en ventana nueva"&gt;Techniques for WCAG 2.0&lt;/a&gt;). Es una gran noticia, aunque de momento están en un estado muy inicial.&lt;/p&gt;&lt;p&gt;Otro documento de interés del W3C es &lt;strong&gt;&lt;a href="http://dev.w3.org/html5/alt-techniques/" lang="en" target="_blank" title="Se abre en ventana nueva"&gt;HTML5: Techniques for providing useful text alternatives&lt;/a&gt;&lt;/strong&gt;, sobre el correcto uso de las alternativas textuales para que estas sean efectivamente accesibles en cualquier contexto de uso.&lt;/p&gt;&lt;h2&gt;Elemento &lt;code&gt;video&lt;/code&gt; y accesibilidad&lt;/h2&gt;&lt;p&gt;Uno de los objetivos más habituales para el uso actual de HTML 5 es la inclusión de contenido multimedia, &lt;strong&gt;especialmente la inclusión de vídeos con el elemento &lt;code&gt;video&lt;/code&gt;&lt;/strong&gt;. Un recurso muy interesante es: &lt;strong&gt;&lt;a href="http://bit.ly/wdFr55" target="_blank" title="Se abre en ventana nueva"&gt;"Accesibilidad a los contenidos audiovisuales en la Web a través de HTML5" (PDF, 2MB)&lt;/a&gt;&lt;/strong&gt;, trabajo fin de carrera de Alberto Sánchez-Heredero Pérez y tutorizado por Lourdes Moreno López (autora de &lt;a href="http://olgacarreras.blogspot.com/2009/04/resena-accesibilidad-los-contenidos.html" target="_blank" title="Se abre en ventana nueva"&gt;"Accesibilidad a los contenidos audiovisuales en la web"&lt;/a&gt;).&lt;p&gt;&lt;p&gt;&lt;strong&gt;Otros artículos interesantes sobre la accesibilidad y el uso del elemento &lt;code&gt;video&lt;/code&gt; de HTML5 son&lt;/strong&gt;:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://net.tutsplus.com/tutorials/html-css-techniques/an-in-depth-overview-of-html5-multimedia-and-accessibility/" target="_blank" title="Se abre en ventana nueva"&gt;"An In Depth Analysis of HTML5 Multimedia and Accessibility"&lt;/a&gt; de Ian Devlin&lt;/li&gt;&lt;li&gt;&lt;a href="http://uxmag.com/articles/the-state-of-html5-video" target="_blank" title="Se abre en ventana nueva"&gt;"The State of HTML5 Video"&lt;/a&gt; de Jeroen Wijering&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Combinar los nuevos marcadores semánticos con ARIA Roles&lt;/h2&gt;&lt;p&gt;Sobre el soporte de HTML 5 por los lectores de pantalla son muy interesantes los artículos que tratan sobre &lt;strong&gt;cómo combinar los nuevos marcadores semánticos de HTML 5 (&lt;code&gt;header&lt;/code&gt;, &lt;code&gt;nav&lt;/code&gt;, &lt;code&gt;section&lt;/code&gt;) con ARIA Roles&lt;/strong&gt; (que usan actualmente páginas como Google o Yahoo. Más información en &lt;a href="http://olgacarreras.blogspot.com/2007/02/ajax-accesible-ii-wai-aria.html" target="_blank" title="Se abre en ventana nueva"&gt;"AJAX accesible: WAI-ARIA&lt;/a&gt;", ) para que sean más accesibles para los lectores de pantalla.&lt;/p&gt;&lt;p&gt;&lt;a href="http://cssgallery.info/how-screen-readers-speak-a-page-with-html5-and-aria/" lang="en" target="_blank" title="Se abre en ventana nueva"&gt;"How screen readers speak a page with HTML5 and ARIA"&lt;/a&gt; de Lucica Ibanescu, incluye dos vídeos en los que se muestra como lee una página HTML 5 NVDA, JAWS y Windows Eyes con y sin roles.&lt;/p&gt;&lt;p&gt;Por otra parte, el artículo &lt;a href="http://www.paciellogroup.com/blog/2011/07/html5-accessibility-chops-aria-landmark-support/" target="_blank" title="Se abre en ventana nueva"&gt;"HTML5 Accessibility Chops: ARIA landmark support"&lt;/a&gt;, de Paciello Group Blog (que suele publicar buenos artículos sobre HTML 5 y accesibilidad) trata también este tema, incluyendo un listado detallado del &lt;strong&gt;&lt;a href="http://www.html5accessibility.com/tests/landmarks.html" target="_blank" title="Se abre en ventana nueva"&gt;soporte de ARIA Roles con diferentes lectores de pantalla (JAWS, NVDA, VoiceOver, Chrome, Windows Eyes&lt;/a&gt;)&lt;/strong&gt;.&lt;br /&gt;&lt;p&gt;&lt;strong&gt;Vídeos ilustraticos del soporte de ARIA Roles con diferentes lectores de pantalla son&lt;/strong&gt; (todos en YouTube):&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.youtube.com/watch?v=-Ze9IdfB-dY" lang="en" target="_blank" title="Se abre en ventana nueva"&gt;NVDA 2011 Firefox 6 with ARIA ROLES Navigation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a lang="en" target="_blank" title="Se abre en ventana nueva" href="http://www.youtube.com/watch?v=jiA9RJBwXvw&amp;feature=related"&gt;JAWS 13 in IE9 with HTML5 and ARIA Landmark Roles &lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a lang="en" target="_blank" title="Se abre en ventana nueva" href="http://www.youtube.com/watch?v=EVs50BwLGuI&amp;feature=related"&gt;VoiceOver in Safari 5.1 with HTML5 and ARIA Landmark Roles&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a lang="en" target="_blank" title="Se abre en ventana nueva" href="http://www.youtube.com/watch?v=iI1WLGYzJvk&amp;feature=related"&gt;Window-Eyes 7.5.0 in IE9 with HTML5 and ARIA Landmark Roles &lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Puedes consultar todos los vídeos recomendados&lt;/strong&gt; en mi lista de reproducción de Youtube &lt;a href="http://www.youtube.com/playlist?list=PL034EA9CD7BF45FB9&amp;feature=plcp" target="_blank" title="Se abre en ventana nueva"&gt;"HTML 5 y accesibilidad"&lt;/a&gt;.&lt;/p&gt;&lt;p&gt;Otro artículo muy interesante sobre el tema es: &lt;a href="http://www.alistapart.com/articles/aria-and-progressive-enhancement/" lang="en" hreflang="en"&gt;ARIA and Progressive Enhancement&lt;/a&gt;&lt;/p&gt;&lt;h2&gt;Accesibilidad HTML 5 y RIA (Rich Internet Applications)&lt;/h2&gt;&lt;p&gt;La siguiente PPT es todo un tesoro: &lt;a href="http://dl.dropbox.com/u/573324/CSUN2012/slides/accessible_webapps_course_2.pptx" lang="en"&gt;"Accesibility of HTML5 y Rich Internet Applications" &lt;/a&gt; de Hans Hillen y Steve Faulker, presentada en CSUN 2012. En ella se explican los problemas habituales de accesibilidad en aplicaciones RIA y sus soluciones.&lt;/p&gt;&lt;p&gt;La primera parte y los ejemplos se pueden encontrar en &lt;a href="http://dl.dropbox.com/u/573324/CSUN2012/index.html" lang="en"&gt;"Accessibility of HTML5 and Rich Internet Applications - CSUN 2012 Workshop Material"&lt;/a&gt;&lt;/p&gt;&lt;h2&gt;Otros artículos de interés sobre HTML 5 y accesibilidad &lt;/h2&gt;&lt;ul&gt;&lt;li&gt;WebAIM elaboró en 2010 una serie de artículos denominados "Future Web Accesibility" donde comenta nuevas características que incorpora HTML 5 y que mejorarán la accesibilidad de los sitios web. Se puede consultar el enlace a estos artículos y una breve descripción de los mismos en el artículo de Sergio Luján &lt;a href="http://accesibilidadenlaweb.blogspot.com/2010/11/el-futuro-de-la-accesibilidad-web-con.html" target="_blank" title="Se abre en ventana nueva"&gt;"El futuro de la accesibilidad web con HTML5"&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a target="_blank" title="Se abre en ventana nueva" href="http://simplyaccessible.com/article/html5-block-links/" lang="en"&gt;"Accessibility and HTML5 Block Links"&lt;/a&gt;, de Derek Featherstone analiza los problemas de accesibilidad de utilizar bloques de contenido dentro de un enlace, algo aceptable en HTML 5.&lt;/li&gt;&lt;li&gt;&lt;a target="_blank" title="Se abre en ventana nueva" href="http://john.foliot.ca/required-inputs/"&gt;"Accessible HTML5 Forms – Required Inputs"&lt;/a&gt;, de Johnny Otis and Etta James, analiza los problemas de accesibilidad para el uso del nuevo atributo &lt;code&gt;required&lt;/code&gt; de HTML 5 y lo compara con el uso de &lt;code&gt;aria-required="true"&lt;/code&gt; de WAI-ARIA (más información sobre WAI-ARIA en &lt;a href="http://olgacarreras.blogspot.com/2007/02/ajax-accesible-ii-wai-aria.html" target="_blank" title="Se abre en ventana nueva"&gt;"AJAX accesible: WAI-ARIA&lt;/a&gt;")&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.iheni.com/wai-aria-support-on-ios/"&gt;WAI ARIA support on iOS&lt;/a&gt;, septiembre de 2012, con el soporte para iPhone 4 e iPad 1&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;p&gt;Iré actualizando este artículo con otros recursos de interés que vaya encontrando.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Artículos relacionados:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://olgacarreras.blogspot.com/2008/01/html-5.html"&gt;HTML 5&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://olgacarreras.blogspot.com/2011/01/cheat-sheet-html-401-html-5-xhtml.html"&gt;Cheat Sheet HTML 4.01, HTML 5, XHTML Elements &lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1531275133681113837-6422256239446445571?l=olgacarreras.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://olgacarreras.blogspot.com/feeds/6422256239446445571/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://olgacarreras.blogspot.com/2012/02/html-5-y-accesibilidad.html#comment-form' title='5 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1531275133681113837/posts/default/6422256239446445571'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1531275133681113837/posts/default/6422256239446445571'/><link rel='alternate' type='text/html' href='http://olgacarreras.blogspot.com/2012/02/html-5-y-accesibilidad.html' title='HTML 5 y accesibilidad'/><author><name>Olga Carreras</name><uri>http://www.blogger.com/profile/09766441534259003449</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://2.bp.blogspot.com/-ExT25d6I8sM/ThApmvcNINI/AAAAAAAAA_Y/_ZW_tOAgmso/s220/olgacarreras.jpg'/></author><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1531275133681113837.post-4419317670005757311</id><published>2011-01-21T22:00:00.002+01:00</published><updated>2011-01-24T23:21:31.254+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='navegadores general'/><category scheme='http://www.blogger.com/atom/ns#' term='estándares'/><category scheme='http://www.blogger.com/atom/ns#' term='recursos'/><category scheme='http://www.blogger.com/atom/ns#' term='XHTML'/><category scheme='http://www.blogger.com/atom/ns#' term='cheatsheet'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML 5'/><title type='text'>Cheat Sheet HTML 4.01, HTML 5, XHTML Elements</title><content type='html'>&lt;p&gt;&lt;strong&gt;Descripción&lt;/strong&gt;: Tabla en formato excel con todas los elementos HTML (incluido HTML 5) y XHTML con información relevante sobre ellos: navegadores que los soportan, anotaciones de accesibilidad, etc. (&lt;a href="http://olgacarreras.blogspot.com/2011/01/cheat-sheet-html-401-html-5-xhtml.html#detallada"&gt;ver descripción detallada de la tabla&lt;/a&gt;)&lt;br/&gt;&lt;br /&gt;&lt;strong&gt;Versión&lt;/strong&gt;: [20.01.2011] versión 1.0 en castellano&lt;br/&gt;&lt;br /&gt;&lt;strong&gt;Autor&lt;/strong&gt;: Olga Carreras&lt;br/&gt;&lt;br /&gt;&lt;strong&gt;Descarga&lt;/strong&gt;: &lt;a href="http://www.usableyaccesible.com/archivos/CheatSheet_(X)HTML_Elements_v1_0.xls" lang="en"&gt;Cheat Sheet HTML 4.01, HTML 5, XHTML Elements&lt;/a&gt; (Excel, 189 KB)&lt;/p&gt;&lt;br /&gt;&lt;h2&gt;&lt;a name="detallada"&gt;&lt;/a&gt;Descripción detallada de la tabla&lt;/h2&gt;&lt;br /&gt;La tabla consta de 14 columnas. Los encabezados de las columnas se han bloqueados para que estén siempre disponibles aunque se escrole la tabla verticalmente.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Columna A: Elemento&lt;/h3&gt;&lt;br /&gt;&lt;p&gt;Incluye todas los elementos (X)HTML (incluidos los de HTML 5) en orden alfabético con enlace a su descripción en la especificación correspondiente. También se incluyen elementos que no están en ninguna especificación del W3C como &lt;code&gt;marquee, spacer,&lt;/code&gt; etc. en cuyo caso enlazan con una web de referencia. Es en estos enlaces donde se puede consultar información sobre los atributos de cada elemento.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;No se han incluido los elementos que sólo están presentes en XHTML 2. Como excepción se incluye el elemento &lt;code&gt;h&lt;/code&gt; de XHTML 2 para documentar los encabezados en esta especificación. Se pueden consultar todas las etiquetas de XHTML 2 en: &lt;a href="http://www.w3.org/TR/xhtml2/elements.html#a_elements"&gt;XHTMl 2.0. List of elements&lt;/a&gt; del W3C.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;Está primera columna está bloqueada para tener siempre presente el elemento aunque se escrole la tabla horizontalmente.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Columna B: Descripción&lt;/h3&gt;&lt;br /&gt;&lt;p&gt;Breve descripción del elemento.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Columna C: Desaprobado/No estándar/Obsoleto&lt;/h3&gt;&lt;br /&gt;&lt;p&gt;En esta columna se indica si los elementos son:&lt;/p&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;strong&gt;Desaprobado (&lt;em lang="en"&gt;deprecated&lt;/em&gt;):&lt;/strong&gt; son elementos que están en la especificación HTML 4.01 o XHTML pero que el W3C los ha marcado como "deprecated", desaprobando su uso. No están permitidos en documentos STRICT. Se indica el elemento alternativo que debe usarse.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;strong&gt;No estándar&lt;/strong&gt;: son elementos no estándar, que fueron implementados por algunos navegadores (y que aún las soportan en muchos casos) pero que no pertenecen a ninguna especificación  (X)HTML. En cada caso se indica el navegador que las implementó y las alternativas a su uso.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;strong&gt;Obsoleto&lt;/strong&gt;: son elementos de especificaciones anteriores (se indica de  cual).&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;strong&gt;HTML 5&lt;/strong&gt;: elementos que sólo pertenecen a HTML 5.&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;En cualquier otro caso la celda correspondiente aparece vacía.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3 lang="en"&gt;Columna D: Web Browser Support&lt;/h3&gt;&lt;br /&gt;&lt;p&gt;He documentado el soporte de cada elemento (incluidos los de HTML 5) en las diferentes versiones de navegadores.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;Referencias sobre soporte en navegadores:&lt;/p&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://webdesign.about.com/od/htmltags/l/blhtmlreference.htm" lang="en"&gt;HTML 4.01 / XHTML 1.0 Reference&lt;/a&gt;, about.com&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://reference.sitepoint.com/html" lang="en"&gt;HTML reference&lt;/a&gt;, sitepoint.com&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.opera.com/docs/specs/presto22/html" lang="en"&gt;HTML, XHTML, and WML support in Opera Presto 2.2&lt;/a&gt;, soporte en Opera 10&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.opera.com/docs/specs/presto27/" lang="en"&gt;Web specifications support in Opera Presto 2.7&lt;/a&gt;, soporte en Opera 11&lt;/li&gt;&lt;br /&gt;&lt;li lang="en"&gt;&lt;a href="http://caniuse.com/#feat=html5semantic"&gt;When can I use...&lt;/a&gt;, compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.w3schools.com/html5/default.asp" lang="en"&gt;HTML5 Tutorial&lt;/a&gt;, w3school.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Non-standard_HTML)" lang="en"&gt;Comparison of layout engines (Non-standard HTML)&lt;/a&gt;, wikipedia&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;p&gt;En algunos casos se indica el test concreto que se ha realizado para validar un elemento concreto.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Columna E-L: Especificación&lt;/h3&gt;&lt;br /&gt;Las columnas son:&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.w3.org/TR/1999/REC-html401-19991224/index/elements.html"&gt;HTML 4.01&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.w3.org/TR/xhtml1/"&gt;XHTML 1.0 Strict&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;XHTML 1.0 Transitional&lt;/li&gt;&lt;br /&gt;&lt;li&gt;XHTML 1.0 Frameset&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.w3.org/TR/xhtml11/"&gt;XHTML 1.1&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.w3.org/TR/xhtml-basic/"&gt;XHTML 1.1 Basic&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.w3.org/TR/html5/index.html#elements-1"&gt;HTML 5&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.w3.org/TR/xhtml2/elements.html#a_elements"&gt;XHTML 2&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;p&gt;Cuando la celda correspondiente está verde con el texto "SI" indica que el elemento pertenece a esa especificación.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;Cuando la celda correspondiente está roja con el texto "NO" indica que el elemento no pertenece a esa especificación.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;Algunas celdas pueden aparecer naranjas con una advertencia dentro. Por ejemplo, en el caso de que el elemento pertenezca a HTML 4.01 pero esté desaprobado y no pueda usarse con HTML 4.01 Strict, la celda correspondiente a la columna E (HTML 4.01) estará coloreada en naraja con la advertencia en su interior.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Columna M: Notas de accesibilidad&lt;/h3&gt;&lt;br /&gt;&lt;p&gt;En este apartado se incluyen notas relevantes como el soporte en lectores de pantalla, ejemplos cuando se trata de elementos poco habituales, mención a puntos de verificación de las WCAG relacionadas con el elemento en cuestión, etc.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;Columna N: ¿Semántico?&lt;/h3&gt;&lt;br /&gt;&lt;p&gt;En esta columna se indica si es una elemento semántico o si por el contrario es un elemento de presentación. En algunos casos, como se indica, puede depender del uso que se haga de ella.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;Referencias:&lt;/p&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://microformats.org/wiki/semantic-xhtml"&gt;Semantic (X)HTML&lt;/a&gt;, microformats.org&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://microformats.org/wiki/presentational-html"&gt;Presentational (X)HTML&lt;/a&gt;, microformats.org&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Otros enlaces de interés:&lt;/h2&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://keryx.se/resources/html-elements/"&gt;Keryx (X)HTML Elements Best Practice Sheet&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Podeis dejar en los comentarios cualquier propuesta o anotación para incluir en versiones posteriores.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1531275133681113837-4419317670005757311?l=olgacarreras.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://olgacarreras.blogspot.com/feeds/4419317670005757311/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://olgacarreras.blogspot.com/2011/01/cheat-sheet-html-401-html-5-xhtml.html#comment-form' title='1 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1531275133681113837/posts/default/4419317670005757311'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1531275133681113837/posts/default/4419317670005757311'/><link rel='alternate' type='text/html' href='http://olgacarreras.blogspot.com/2011/01/cheat-sheet-html-401-html-5-xhtml.html' title='Cheat Sheet HTML 4.01, HTML 5, XHTML Elements'/><author><name>Olga Carreras</name><uri>http://www.blogger.com/profile/09766441534259003449</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://2.bp.blogspot.com/-ExT25d6I8sM/ThApmvcNINI/AAAAAAAAA_Y/_ZW_tOAgmso/s220/olgacarreras.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1531275133681113837.post-4123833725916024873</id><published>2009-06-11T00:00:00.003+02:00</published><updated>2009-06-11T23:35:38.330+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='navegadores general'/><category scheme='http://www.blogger.com/atom/ns#' term='WAI-ARIA'/><category scheme='http://www.blogger.com/atom/ns#' term='noticias'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML 5'/><title type='text'>Noticias... (19)</title><content type='html'>Estas son las noticias que han llamado últimamente mi atención:&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;[01-06-09] &lt;a href="http://www.computing.es/Casos/200906010038/JCCMes-un-nuevo-portal-en-Internet-a-la-altura-de-la-Ley-de-Acceso-Electronico.aspx"&gt;"JCCM.ES, un nuevo portal en Internet a la altura de la Ley de Acceso Electrónico"&lt;/a&gt; en computing.es&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;La &lt;a href="http://www.jccm.es"&gt;Junta de Comunidades de Castilla-La Mancha&lt;/a&gt; ha lanzado su nuevo portal con la plataforma FatWire Content Server 7.5. La noticia dice que "cuenta con la certificación de accesibilidad AA". En realidad no tiene una certificación sino simplemente el sello "AA" del W3C. Si bien es cierto que ha mejorado mucho su accesibilidad y que muchas páginas pasan el TAW, la realidad es que no cumple con las WCAG 1.0 en su nivel de adecuación AA.  Deberían seguir trabajando en ello...&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;[08-06-09] &lt;a href="http://www.seraccesible.net/article/la-primera-experiencia-espanola-de-open-government"&gt;"La primera experiencia española de Open Government"&lt;/a&gt; en seraccesible&lt;br /&gt;&lt;br /&gt;&lt;cite&gt;&lt;br /&gt;&lt;a href="http://aragonparticipa.aragon.es/"&gt;Aragón Participa&lt;/a&gt; es la primera web española nacida con la mentalidad Open Government, construida íntegramente con Software Libre, pretende ser un canal de participación de los ciudadanos en las políticas públicas del Gobierno de Aragón.&lt;br /&gt;&lt;br /&gt;El portal incorpora, como novedad tecnológica, un asistente virtual al que los cuidadanos se puede dirigir para hacer llegar sus preguntas o reflexiones.&lt;/cite&gt;&lt;br /&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;[04-06-09] &lt;a href="http://lahogueradelasbrujas.blogspot.com/2009/06/estandar-del-pdf-accesible-standard-for.html"&gt;"Estándar del PDF accesible - Standard for accessible PDF"&lt;/a&gt; en La hoguera de las brujas&lt;br /&gt;&lt;br /&gt;&lt;cite&gt;Por fin se ha aprovado PDF/UA (Universal Accesibility) como ISO/AWI (approved work item) 14289. Es el primer paso hacia un estándar abierto de PDF accesible. Aunque todavía no es público, el desarrollo se puede consultar en &lt;a href="http://pdf.editme.com/PDFUA"&gt;PDF edtime&lt;/a&gt;&lt;/cite&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;[22-05-09] &lt;a href="http://www.anieto2k.com/2009/05/22/google-chrome-20-30-mas-rapido/"&gt;"Google Chrome 2.0, 30% más rápido"&lt;/a&gt; en anieto2k&lt;br /&gt;&lt;cite&gt;&lt;br /&gt;Hoy se ha publicado una nueva versión de Google Chrome, la 2.0 estable, que se está presentando a la red como una versión 30% más rápida que su versión anterior. Hay que decir que ese incremento de velocidad es en el motor javascript llamado V8. Lo que hace que este incremento en páginas muy cargadas de Javascript sea muy significativo. &lt;br /&gt;&lt;/cite&gt;&lt;br /&gt;&lt;strong&gt;Artículo relacionado:&lt;/strong&gt; &lt;a href="http://olgacarreras.blogspot.com/2008/09/chrome-iv-accesibilidad.html"&gt;Chrome (IV): accesibilidad&lt;/a&gt;&lt;br /&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;[09-06-09] &lt;a href="http://programaraciegas.weblog.discapnet.es/articulo.aspx?idA=1069"&gt;"Safari 4 ya está aquí"&lt;/a&gt; de Programar a ciegas&lt;/li&gt;&lt;br /&gt;&lt;cite&gt;&lt;br /&gt;En cuanto a su accesibilidad indicar que en MacOS X resulta más accesible incluso que la versión 3 aunque siguen apareciendo algunos problemas al encontrar webs que no cumplen las pautas de accesibilidad para la Web.&lt;br /&gt;&lt;br /&gt;VoiceOver accede mejor a la barra de pestañas y a la zona de favoritos. Ahora resulta más cómodo navegar entre la lista de favoritos y elegir entre las distintas pestañas abiertas.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Sigue sin poder acceder a la capa de accesibilidad de los objetos Flash aunque ahora si notifica que hay un objeto incrustado dentro.&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Lo más importante es que &lt;strong&gt;Safari implementa HTML5 y WAI ARIA y voiceOver es compatible con las páginas que incorporen estas tecnologías&lt;/strong&gt;.&lt;br /&gt;&lt;br /&gt;Con Safari 4 el acceso a la nueva Web resultará posible para aquellos que utilicen ordenadores con el sistema operativo de Apple. &lt;strong&gt;La versión para Ms Windows de Safari resulta incompatible con los lectores de pantallas más conocidos, como NVDA, JAWS y Window eyes&lt;/strong&gt;.&lt;br /&gt;&lt;/cite&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;[08-06-09] &lt;a href="http://www.anieto2k.com/2009/06/08/safari-4-mas-rapido-que-google-chrome-en-el-v8-benchmark-suite/"&gt;"Safari 4 [NO] más rápido que Google Chrome en el V8 Benchmark Suite"&lt;/a&gt; de anieto2k&lt;br /&gt;&lt;cite&gt;&lt;br /&gt;... podemos decir con el 100% del convencimiento que Google Chrome es hoy por hoy, el navegador más rápido (ejecutando javascript) del lejano oeste.&lt;/cite&gt;&lt;br /&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1531275133681113837-4123833725916024873?l=olgacarreras.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://olgacarreras.blogspot.com/feeds/4123833725916024873/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://olgacarreras.blogspot.com/2009/06/noticias-19.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1531275133681113837/posts/default/4123833725916024873'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1531275133681113837/posts/default/4123833725916024873'/><link rel='alternate' type='text/html' href='http://olgacarreras.blogspot.com/2009/06/noticias-19.html' title='Noticias... (19)'/><author><name>Olga Carreras</name><uri>http://www.blogger.com/profile/09766441534259003449</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://2.bp.blogspot.com/-ExT25d6I8sM/ThApmvcNINI/AAAAAAAAA_Y/_ZW_tOAgmso/s220/olgacarreras.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1531275133681113837.post-9208243538566164240</id><published>2009-03-04T16:23:00.016+01:00</published><updated>2009-03-14T22:22:52.736+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='AJAX'/><category scheme='http://www.blogger.com/atom/ns#' term='noticias'/><category scheme='http://www.blogger.com/atom/ns#' term='WCAG 2.0'/><category scheme='http://www.blogger.com/atom/ns#' term='iphone'/><category scheme='http://www.blogger.com/atom/ns#' term='accesibilidad móvil'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML 5'/><title type='text'>Noticias... (16)</title><content type='html'>Estas son las noticias que han llamado mi atención últimamente:&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;WCAG 2.0&lt;/h2&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;Esta semana me sorprendía conocer la web &lt;a href="http://codexexempla.org/articulos/2008/traduccion_wcag_2.php"&gt;Codexexempla&lt;/a&gt;, que dispone de uno de los recursos más codiciados en la actualidad, la &lt;a href="http://codexexempla.org/articulos/2008/traduccion_wcag_2/pautas_2.0.htm"&gt;traducción (no oficial) de las WCAG 2.0&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;Otras traducciones interesantes que ofrece son:&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://codexexempla.org/articulos/2009/comparativa_pautas_1_2/comparativa_pautas_1_y_2.htm"&gt;"Comparativa entre los puntos de comprobación de las Pautas de Accesibilidad de Contenido Web 1.0 y las Pautas 2.0, agrupados por prioridades"&lt;/a&gt; de la versión en inglés del 15 de diciembre de 2008.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://codexexempla.org/articulos/2008/traduccion_wcag_samurai_2/errata.htm"&gt;"Fe de erratas de las Pautas de Accesibilidad de Contenido Web del WCAG Samurai"&lt;/a&gt;,  [traducción] V1.0 de 26 de febrero de 2008&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.itakora.com/2009/03/%c2%bfque-pasa-con-las-wcag-2/"&gt;"¿Qué pasa con las WCAG 2?"&lt;/a&gt;, se pregunta Olga Revilla, y en consecuencia ha puesto en marcha la web &lt;a href="http://www.oneguidelineaday.com/"&gt;One Guideline a Day&lt;/a&gt; en la que pretende &lt;cite&gt;ir analizando una por una las pautas, criterios de éxito, técnicas y errores comunes que vienen publicados en la WCAG 2, comparándolo con las anteriores y aportando un poquito de mi experiencia en este campo. &lt;/cite&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Relacionado:&lt;/strong&gt; &lt;a href="http://olgacarreras.blogspot.com/2007/02/wcag-20.html"&gt;WCAG 2.0&lt;/a&gt; en este blog.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Novedades W3C&lt;/h2&gt;&lt;br /&gt;&lt;br /&gt;Se han actualizado los siguientes borradores:&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.w3.org/TR/ATAG20/" lang="en" hreflang="en"&gt;Authoring Tool Accessibility Guidelines 2.0&lt;/a&gt; W3C Working Draft 17 February 2009.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.w3.org/TR/html5/"  lang="en" hreflang="en"&gt;HTML 5.&lt;/a&gt; W3C Working Draft 12 February 2009 y &lt;a href="http://www.w3.org/TR/html5-diff/"  lang="en" hreflang="en"&gt;HTML 5 differences from HTML 4&lt;/a&gt; W3C Working Draft 12 February 2009&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.w3.org/TR/wai-aria/"  lang="en" hreflang="en"&gt;Accessible Rich Internet Applications (WAI-ARIA) 1.0&lt;/a&gt; W3C Working Draft 24 February 2009&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Relacionados:&lt;/strong&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://olgacarreras.blogspot.com/2008/01/html-5.html"&gt;HTML 5&lt;/a&gt; en este blog.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://olgacarreras.blogspot.com/2007/02/ajax-accesible-ii-wai-aria.html"&gt;Ajax accesible II: WAI-ARIA&lt;/a&gt; en este blog.&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Dominios .tel&lt;/h2&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.eweekeurope.es/noticias/llegan-los-dominios-tel-452"&gt;"Llegan los dominios .tel"&lt;/a&gt; eWeek Europe&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.ticpymes.es/Noticias/Marketing/200902020030/Llega-el-dominio-tel.aspx"&gt;"Llega el dominio .tel"&lt;/a&gt; TIC Pymes&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Móvil&lt;/h2&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.computing.es/Noticias/200902060028/Banco-Popular-integra-iPhone-3G-en-su-banca-movil.aspx"&gt;"Banco Popular integra Iphone 3G en su banca móvil"&lt;/a&gt; (leído en Computing.es) como ya lo hizo antes Caixa Penedès (&lt;a href="http://olgacarreras.blogspot.com/2008/07/iphone-y-accesibilidad.html"&gt;Iphone y accesibilidad&lt;/a&gt; en este blog)&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.librodeapuntes.es/2009/03/01/instant-mobilizer-dot-mobi"&gt;"Instant Mobilizer de dot.mobi"&lt;/a&gt; el Libro de Apuntes: &lt;cite&gt;un servicio que moviliza tu página web, es decir, la transforma automáticamente para que se vea correctamente desde los teléfonos móviles.&lt;br /&gt;&lt;/cite&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Sectores&lt;/h2&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.usolab.com/wl/2009/02/pensando-la-banca-del-futuro.php"&gt;"Pensando la banca del futuro"&lt;/a&gt;, Usolab: &lt;cite&gt;se ha creado el &lt;a href="http://cfb.media.mit.edu/"&gt;Center for Future Banking&lt;/a&gt;, un centro donde se "investigará cómo las nuevas tecnologías y los conocimientos sobre el comportamiento humano pueden transformar la experiencia de los clientes y elevar el papel del banco en su vida financiera", es decir, simplificar la vida de la gente y hacer la experiencia con la banca más satisfactoria.&lt;/cite&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.acceso.com/display_release.html?id=52857"&gt;"Las empresas aseguradoras impulsarán la accesibilidad de sus páginas web"&lt;/a&gt; en Acceso.com&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1531275133681113837-9208243538566164240?l=olgacarreras.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://olgacarreras.blogspot.com/feeds/9208243538566164240/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://olgacarreras.blogspot.com/2009/03/noticias-16.html#comment-form' title='1 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1531275133681113837/posts/default/9208243538566164240'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1531275133681113837/posts/default/9208243538566164240'/><link rel='alternate' type='text/html' href='http://olgacarreras.blogspot.com/2009/03/noticias-16.html' title='Noticias... (16)'/><author><name>Olga Carreras</name><uri>http://www.blogger.com/profile/09766441534259003449</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://2.bp.blogspot.com/-ExT25d6I8sM/ThApmvcNINI/AAAAAAAAA_Y/_ZW_tOAgmso/s220/olgacarreras.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1531275133681113837.post-3738479443060457262</id><published>2008-01-23T09:18:00.069+01:00</published><updated>2012-02-16T14:50:04.136+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='navegadores general'/><category scheme='http://www.blogger.com/atom/ns#' term='estándares'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML 5'/><title type='text'>HTML 5</title><content type='html'>&lt;strong&gt;Última actualización:&lt;/strong&gt; 15 de febrero de 2012&lt;/p&gt;&lt;br /&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 128px; height: 128px; border:0" src="http://1.bp.blogspot.com/-KWALY0zTLbc/ThGEub1crQI/AAAAAAAABOc/rTfDh7-y32U/s400/HTML5_Logo_256.png" border="0" alt="HTML 5" id="BLOGGER_PHOTO_ID_5565266500793367362" /&gt;&lt;p&gt;El 22 de enero de 2008 el W3C publicó al fin &lt;a target="_blank" href="http://www.w3.org/TR/html5/"&gt;el primer borrador del HTML 5 &lt;/a&gt;. Actualmente el último borrador es del 13 de enero de 2011. &lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Antecedentes&lt;/h2&gt;&lt;br /&gt;En 1997 se publicaba la especificación HTML 4.0, actualizándose en 1999 con &lt;a target="_blank" href="http://html.conclase.net/w3c/html401-es/cover.html#minitoc"&gt;HTML 4.0.1&lt;/a&gt;, la última especificación oficial del HTML.&lt;br /&gt;&lt;br /&gt;El W3C presentó la especificación &lt;a target="_blank" href="http://www.sidar.org/recur/desdi/traduc/es/xhtml/xhtml11.htm"&gt;XHTML 1.0&lt;/a&gt; en el año 2000 como &lt;span style="font-style: italic;"&gt;"una versión más estricta y limpia de HTML, que nace precisamente con el objeto de reemplazar a HTML ante su limitación de uso..."&lt;/span&gt; (&lt;a target="_blank" href="http://www.w3c.es/divulgacion/guiasbreves/XHTML"&gt;"Guía Breve de &lt;acronym title="eXtensible HyperText Markup Language" lang="en"&gt;XHTML&lt;/acronym&gt; "&lt;/a&gt; del W3C). Desde entonces la actividad de estandarización de &lt;acronym class="acronym" title="HyperText Markup Language"&gt;HTML&lt;/acronym&gt; se detuvo y el &lt;acronym class="acronym" title="World Wide Web Consortium"&gt;W3C&lt;/acronym&gt; se centró en el desarrollo del estándar &lt;acronym class="acronym" title="Extensible HyperText Markup Language"&gt;XHTML&lt;/acronym&gt;.&lt;br /&gt;&lt;br /&gt;La última especificación de XHTML es el &lt;a target="_blank" href="http://www.sidar.org/recur/desdi/traduc/es/xhtml/xhtml11_es.html"&gt;XHTML 1.1&lt;/a&gt; de 2001. Se comenzó entonces a trabajar en la versión &lt;a target="_blank" href="http://www.w3.org/TR/xhtml2/"&gt;XHTML 2.0&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera (es decir Firefox, Opera, Safari, Camino, Seamonkey) mostraron su preocupación por la falta de interés del &lt;acronym class="acronym" title="World Wide Web Consortium"&gt;W3C&lt;/acronym&gt; en &lt;acronym class="acronym" title="HyperText Markup Language"&gt;HTML&lt;/acronym&gt; y decidieron organizarse en una nueva asociación llamada &lt;a href="http://www.whatwg.org/" target="_blank"&gt;WHATWG&lt;/a&gt; (&lt;span class="emphasis"&gt;&lt;em&gt;Web Hypertext Application Technology Working Group&lt;/em&gt;&lt;/span&gt;).&lt;br /&gt;&lt;br /&gt;La actividad del WHATWG se centró en el futuro estándar &lt;acronym class="acronym" title="HyperText Markup Language"&gt;HTML&lt;/acronym&gt; 5, el objetivo era una actualización del HTML,  compatible con HTML 4 y compatible con Web Apps 1.0 y Web Forms 2.0.&lt;br /&gt;&lt;br /&gt;A finales de 2006 nos sorprende el artículo de Tim Berners-Lee (creador del "hipertexto" y director del W3C) &lt;a target="_blank" href="http://dig.csail.mit.edu/breadcrumbs/node/166"&gt;"Reinventing HTML"&lt;/a&gt; [Ver resumen del artículo de Tim en Blog Posible: &lt;a target="_blank" href="http://www.webposible.com/blog/?p=294"&gt;"W3C desarrollará de forma paralela HTML: HTML 4.x, XHTML 2…"&lt;/a&gt;] . Básicamente es una crítica al éxito del XHTML e incluso a la forma de trabajar del W3C: dice que la evolución de HTML a XHTML no ha funcionado, que los desarrolladores no se han pasado a esta especificación en parte porque los navegadores no han acompañado y aboga por una evolución del HTML.&lt;br /&gt;&lt;br /&gt;Anuncia que se pretende trabajar en dos grupos distintos, por un lado &lt;a target="_blank" href="http://www.w3.org/2006/11/HTML-WG-charter.html"&gt;un grupo de trabajo para la evolución del HTML&lt;/a&gt; y por otro &lt;a target="_blank" href="http://www.w3.org/2006/11/XHTML2-WG-charter.html"&gt;un grupo de trabajo para la evolución del XHTML a la versión 2&lt;/a&gt;. Cada uno de estos grupos de trabajo tendrán su estructura independiente (responsables y personal de contacto), pero trabarán juntos en HTML y XHTML.&lt;br /&gt;&lt;br /&gt;A los pocos días aparece el artículo &lt;a target="_blank" href="http://www.webstandards.org/2006/11/07/have-your-say-about-the-future-of-html/"&gt;"Have your say about the future of HTML"&lt;/a&gt; publicado conjuntamente por The Web Standards Project, Lachy’s Log, Molly.com y 456 Berea Street (&lt;a target="_blank" href="http://www.webposible.com/blog/?p=303"&gt;puedes leerlo traducido en Blog posible&lt;/a&gt;) a favor del &lt;a target="_blank" href="http://www.whatwg.org/"&gt;WHATWG&lt;/a&gt;. Piden opinión y ayuda a la comunidad en el proceso de desarrollo de la nueva  versión de HTML que ya denominan HTML 5.&lt;br /&gt;&lt;br /&gt;El 10 de enero de 2007 nos sorprende la noticia de que Chris Wilson, jefe del proyecto IE7 de Microsoft, va a ser el responsable del grupo de trabajo de la evolución del HTML, algo que es muy criticado por ser una persona tan relacionada con un navegador concreto, uno en especial que no se ha caracterizado precisamente por respetar los estándares, aunque esto también supone un acercamiento de IE7 a los estándares. El grupo de trabajo dice que va a colaborar con el WHATWG.&lt;br /&gt;&lt;br /&gt;Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de sus &lt;a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/"&gt;borradores de &lt;acronym class="acronym" title="HyperText Markup Language"&gt;HTML&lt;/acronym&gt; 5.0,&lt;/a&gt; en marzo de 2007 el &lt;a href="http://www.w3.org/2007/03/html-pressrelease" target="_blank"&gt;W3C decidió retomar oficialmente la actividad estandarizadora de HTML&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;El 22 de enero de 2008 el W3C y el WHATWG publican el nuevo borrador pudiéndose leer en el del WHATWG:&lt;br /&gt;&lt;blockquote&gt;&lt;p&gt;&lt;em&gt;"This specification is also being produced by the &lt;a href="http://www.w3.org/html/wg" target="_blank"&gt;W3C HTML WG&lt;/a&gt;. The two specifications    are identical from the table of contents onwards.    &lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;This specification is intended to replace (be the new version of) what    was previously the HTML4, XHTML 1.x, and DOM2 HTML specifications."&lt;/em&gt; [En &lt;a target="_blank" href="http://www.whatwg.org/specs/web-apps/current-work/"&gt;"HTML 5"&lt;/a&gt; del WHATWG]&lt;/p&gt;&lt;br /&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;En 2009 el W3C anuncia que disolverá el grupo de trabajo del XHTML 2 para centrarse en el documento del HTML 5. El documento &lt;a href="http://www.w3.org/TR/xhtml2/"&gt;XHTML 2.0&lt;/a&gt; se actualizó el 16 de diciembre de 2010, en él se indica que el grupo se ha disuelto antes de terminarlo, pero que quizás pueda retormarlo otro grupo en el futuro.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Aplicaciones para desarrollo con HTML 5&lt;/h2&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://muse.adobe.com/index.html"&gt;Adobe Muse&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;h2&gt;Recursos HTML 5&lt;/h2&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://olgacarreras.blogspot.com/2011/01/cheat-sheet-html-401-html-5-xhtml.html"&gt;Cheat Sheet HTML 4.01, HTML 5, XHTML Elements&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.w3.org/TR/html5/"&gt;HTML 5. A vocabulary and associated APIs for HTML and XHTML&lt;/a&gt;, W3C&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.w3.org/html/"&gt;HTML W3C&lt;/a&gt;, referencias, artículos y más.&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.w3.org/html/wg/"&gt;Grupo de Trabajo de HTML del W3C&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.w3.org/TR/html5-diff/"&gt;HTML 5 differences from HTML 4&lt;/a&gt;,  del W3C. &lt;br /&gt;[Relacionado: &lt;a target="_blank" href="http://www.anieto2k.com/2007/06/16/las-principales-diferencias-entre-html5-y-html4/"&gt;"Las principales diferencias entre HTML5 y HTML4"&lt;/a&gt;, de anieto2k.]&lt;/li&gt;&lt;li&gt;&lt;a target="_blank" href="http://www.alistapart.com/articles/previewofhtml5"&gt;"A Preview of HTML 5"&lt;/a&gt; by Lachlan Hunt&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.w3schools.com/html5/default.asp" hreflang="en"&gt;HTML 5 tutorial&lt;/a&gt; de w3schools.com&lt;/li&gt;&lt;li&gt;&lt;a href="https://developer.mozilla.org/En/HTML"&gt;HTML MDC Doc Center&lt;/a&gt; de Mozilla&lt;/li&gt;&lt;li&gt;&lt;a href="http://diveintohtml5.org/"&gt;Dive Into HTML5&lt;/a&gt;, libro online de Mark Pilgrim&lt;/li&gt;&lt;li&gt;&lt;a href="http://html5doctor.com/glossary/" hreflang="en" lang="en"&gt;HTML Glossary&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://webdesigneraid.com/15-excellent-step-by-step-html5-website-coding-tutorials/"&gt;"15 Excellent Step by Step HTML5 Website Coding Tutorials"&lt;/a&gt;, WebdesignerAid.&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.recbib.es/blog/tutorial-sobre-html5-y-css3"&gt;"Tutorial sobre HTML5 y CSS3"&lt;/a&gt;, Daniel Martinez.&lt;/li&gt;&lt;li&gt;&lt;a href="http://linuxers.org/howto/development-with-html5" lang="en" hreflang="en"&gt;Developing with HTML5&lt;br /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li lang="en"&gt;&lt;a href="http://www.webresourcesdepot.com/html-5-and-css3-cheat-sheets-collection/"&gt;HTML Cheat Sheets&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.delicious.com/xar/html5"&gt;HTML 5 en Delicious&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://slides.html5rocks.com" lang="en"&gt;HTML5 presentation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Blogs especializados en HTML 5:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://html5doctor.com/"&gt;HTML 5 Doctor&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.htmlcinco.com/"&gt;HTMLcinco&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;h2&gt;Plantillas HTML 5&lt;/h2&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.impressivewebs.com/easy-html5-template/"&gt;"Easy HTML5 Template"&lt;/a&gt;, Louis Lazaris&lt;/li&gt;&lt;li&gt;&lt;a href="http://html5boilerplate.com/"&gt;HTML5 Boilerplate&lt;/a&gt;, plantilla compleja.&lt;/li&gt;&lt;li&gt;&lt;a href="http://html5reset.org/"&gt;HTML 5 Reset&lt;/a&gt;, plantilla más sencilla que la anterior.&lt;/li&gt;&lt;li&gt;&lt;a href="http://almacenplantillasweb.es/2011/08/25-tutoriales-gratis-sobre-html5/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed:+AlmacenplantillaswebBlog+(AlmacenPlantillasWeb+blog)&amp;utm_content=Google+Reader"&gt;Tutoriales sobre creación de plantillas web en HTML5&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;h2&gt;HTML 5 y accesibilidad&lt;/h2&gt;&lt;br /&gt;Ver el artículo &lt;a href="http://olgacarreras.blogspot.com/2012/02/html-5-y-accesibilidad.html"&gt;HTML 5 y accesibilidad&lt;/a&gt; donde recopila recursos de interés.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Soporte de HTML 5&lt;/h2&gt;&lt;br /&gt;&lt;p&gt;En noviembre de 2010 el W3C dió a conocer &lt;a href="http://test.w3.org/html/tests/reporting/report.htm"&gt;las pruebas oficiales que dan cuenta del soporte para HTML 5 en los siguientes navegadores&lt;/a&gt;:&lt;/p&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;IE 9 Platform Preview 6&lt;/li&gt;&lt;li&gt;Chrome 9.0.571.0&lt;/li&gt;&lt;li&gt;Firefox 4 Beta 6&lt;/li&gt;&lt;li&gt;Safari 5.0.2&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;p&gt;IE 9 gana con ventaja. &lt;a href="http://w3c-test.org/html/tests/approved/"&gt;Los test se pueden pasar individualmente por cualquier navegador.&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;En &lt;a href="http://olgacarreras.blogspot.com/2011/01/cheat-sheet-html-401-html-5-xhtml.html"&gt;Cheat Sheet HTML 4.01, HTML 5, XHTML Elements&lt;/a&gt; se recoge una tabla con todos los elementos HTML 5 y su soporte en diferentes navegadores.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;Otros recursos:&lt;/p&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;En &lt;a href="http://caniuse.com/#cats=HTML5"&gt;"When can I use"&lt;/a&gt; de caniuse.com, se puede consultar una &lt;strong&gt;comparativa muy exhaustiva&lt;/strong&gt; en cuanto a versiones de navegadores y aspectos de HTML 5, que además está muy actualizada.&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.opera.com/docs/specs/presto27/"&gt;Soporte en Opera 11&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://html5test.com/"&gt;HTML 5 Test&lt;/a&gt;, el test de soporte de HTML 5 se realiza sobre el navegador con el que se abre el test.&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.miketaylr.com/code/input-type-attr.html" hreflang="en"&gt;Test de soporte de los nuevos tipos de input y sus atributos&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;p&gt;Para consultar los formatos de vídeo soportados por cada navegador: &lt;a href="http://en.wikipedia.org/wiki/HTML5_video" hreflang="en"&gt;HTML 5 video&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Validador automático de sintaxis HTML 5&lt;/h2&gt;&lt;br /&gt;&lt;p&gt;&lt;a href="http://validator.w3.org"&gt;El validador del W3C&lt;/a&gt;, admite validación de sintaxis HTML 5.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;a href="http://validator.nu/"&gt;Validator.nu3&lt;/a&gt; también permite permite validar:&lt;/p&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;HTML5&lt;/li&gt;&lt;li&gt;HTML5+ARIA&lt;/li&gt;&lt;li&gt;HTML5 + ARIA, SVG 1.1 plus MathML 2.0&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Desarrollos en HTML 5&lt;/h2&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://dev.mennerich.name/showroom/html5_video/" lang="en" hreflang="en"&gt;"LeanBack Player HTML5. Video Player with Subtitle-Support"&lt;/a&gt;, fantástico ejemplo explicado paso a paso de un reproductor de vídeo en HTML 5 con subtítulos.&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.youtube.com/html5"&gt;Reproductor de vídeo HTML5 de YouTube&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://vimeo.com/blog:268"&gt;Reproductor de vídeo HTML5 de Vimeo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://html5demos.com/"&gt;HTML 5 demos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/" lang="en" hreflang="en"&gt;Coding A HTML 5 Layout From Scratch&lt;/a&gt;, Enrique Ramirez explica paso a paso la creación de una página en HTML 5&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.cssblog.es/35-interesantes-ejemplos-de-sitios-web-disenados-con-html5/"&gt;"35 interesantes ejemplos de sitios web diseñados con HTML5"&lt;/a&gt; en cssblog.es&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.w3.org/html/wiki/Demos"&gt;W3C HTML Demos Wiki&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Logotipos e iconos&lt;/h2&gt;&lt;br /&gt;La &lt;a href="http://www.w3.org/html/logo/"&gt;web del logotipo de HTML 5&lt;/a&gt; permite descargar diversas versiones del logo de HTML 5, que además está disponible bajo licencia “Creative Commons 3.0 Reconocimiento”, así que puede ser adaptado por los diseñadores para cubrir sus necesidades.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;El W3C anima a los desarrolladores a usar HTML5 y a comentar su experiencia al &lt;a href="http://www.w3.org/html/wg/"&gt;Grupo de Trabajo de HTML del W3C&lt;/a&gt; como parte del proceso de estandarización.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;La página principal del logo incluye un creador de insignias en función de las tecnologías que estés usando, una galería de sitios que usan el logo, enlaces para comprar una camiseta de HTML5, instrucciones para obtener adhesivos gratuitos, &lt;a href="http://www.w3.org/html/logo/faq"&gt;preguntas frecuentes sobre el logo&lt;/a&gt;, y más.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;img src="http://www.w3.org/html/logo/badge/html5-badge-h-connectivity-css3-device-graphics-multimedia-performance-semantics-storage.png" width="357" height="64" alt="HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, Device Access, Graphics, 3D &amp;amp; Effects, Multimedia, Performance &amp;amp; Integration, Semantics, and Offline &amp;amp; Storage" title="HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, Device Access, Graphics, 3D &amp;amp; Effects, Multimedia, Performance &amp;amp; Integration, Semantics, and Offline &amp;amp; Storage"&gt;&lt;br /&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;Los iconos hacen referencia a: &lt;span lang="en"&gt;Connectivity/Realtime, CSS3/Styling, Device Access, Graphics, 3D &amp;amp; Effects, Multimedia, Performance &amp;amp; Integration, Semantics, and Offline &amp;amp; Storage&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Noticias&lt;/h2&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;[09/07/2009] &lt;a href="http://www.inteco.es/Prensa/Noticias_Accesibilidad/html5_noticia"&gt;Se espera que el Grupo de Trabajo de XHTML 2 cese su trabajo a finales de 2009&lt;/a&gt;, INTECEO. &lt;cite&gt;[...] el W3C espera acelerar el progreso del HTML 5 y clarificar la posición del W3C sobre el futuro del HTML.&lt;/cite&gt; &lt;strong&gt;Nota Olga 2011&lt;/strong&gt;: el documento &lt;a href="http://www.w3.org/TR/xhtml2/"&gt;XHTML 2.0&lt;/a&gt; se actualizó el 16 de diciembre de 2010, en él se indica que el grupo se ha disuelto antes de terminarlo, pero que quizás pueda retormarlo otro grupo en el futuro.&lt;/li&gt;&lt;li&gt;[09/06/2009] &lt;a href="http://programaraciegas.weblog.discapnet.es/articulo.aspx?idA=1069"&gt;"Safari 4 ya está aquí"&lt;/a&gt; de Programar a ciegas. Safari 4 implementa HTML 5 y WAI-ARIA.&lt;/li&gt;&lt;li&gt;[28-05-09]&lt;a href="http://www.kabytes.com/actualidad/la-etiqueta-disponible-en-google-chrome-30/"&gt;"La etiqueta &amp;lt;video&gt; disponible en Google Chrome 3.0"&lt;/a&gt;, de Kabytes.&lt;/li&gt;&lt;li&gt;[29-05-09]&lt;a href="http://www.anieto2k.com/2009/05/29/google-apuesta-por-el-html5-y-lo-hace-a-lo-grande/"&gt;"Google apuesta por el HTML5 y lo hace a lo grande"&lt;/a&gt; de anieto2k. &lt;cite&gt;Presentación de una página de demo en Youtube en la que usamos HTML5 y los controles multimedia para mostrar los videos (sólo en Chrome, Safar4i, Webkit, Firefox 3.5) [...]  Google Wave hace uso de las propiedades de HTML5, sacándole el máximo partido al estandar para innovar una vez más.&lt;/cite&gt;&lt;/li&gt;&lt;li&gt;[03/02/2009]&lt;a href="http://www.anieto2k.com/2009/02/03/html5-llega-al-iphone/"&gt;"HTML5 llega al iPhone"&lt;/a&gt; de anieto2K&lt;cite&gt;el iphone será el primer dispositivo móvil que dispondrá de algunas de las maravillas del HTML5 en su navegador web&lt;/cite&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Artículos de interés&lt;/h2&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Franganillo, Jorge. &lt;a href="http://www.thinkepi.net/html5-nuevo-estandar-basico-del-web"&gt;“Html5: el nuevo estándar básico del Web”&lt;/a&gt;. Anuario ThinkEPI, 2011, v. 5&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.html5rocks.com/tutorials/geolocation/trip_meter/" lang="en" hreflang="en"&gt;"A Simple Trip Meter using the Geolocation API"&lt;/a&gt;, Michael Mahemoff [24.05.2010]&lt;/li&gt;&lt;li&gt;&lt;a href="http://cachi.temiga.org/2010/02/03/html5-alternativas-para-el-flash/"&gt;"HTML5 alternativas para Flash"&lt;/a&gt;, caChi [02.03.2010]&lt;/li&gt;&lt;li&gt;&lt;a lang="en" hreflang="en" href="http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/"&gt;"28 HTML5 Features, Tips, and Techniques you Must Know"&lt;/a&gt;, Jeffrey Way [01.08.2010]&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.impressivewebs.com/html5-section/"&gt;"When to Use the HTML5`section´ Element"&lt;/a&gt;, Louis Lazaris [12.01.2011]&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.anieto2k.com/2009/07/14/el-elemento-audio-del-html5/"&gt;El elemento audio del HTML5&lt;/a&gt;, anieto2k [14.07.2009]&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.anieto2k.com/2009/06/30/el-elemento-video-del-html5/"&gt;El elemento video del HTML5&lt;/a&gt;, anieto2k [30.06.2009]&lt;/li&gt;&lt;li&gt;Solventar problemas con los estilos&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.anieto2k.com/2009/07/27/css-reset-para-html5/"&gt;CSS Reset para HTML5&lt;/a&gt;, anieto2k [27.07.2009]&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.anieto2k.com/2009/06/30/disfruta-de-html5-en-internet-explorer-y-firefox-2/"&gt;Disfruta de HTML5 en Internet Explorer y Firefox 2&lt;/a&gt;, anieto2k [30.06.2009]&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://bitelia.com/2010/03/html5-que-cambios-trae-la-nueva-version-del-lenguaje-estandar-de-la-web"&gt;"HTML5: qué cambios trae la nueva versión del lenguaje estándar de la web"&lt;/a&gt; de Federico Erostarbe&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.thuer.com.ar/blog/2009/html-5-para-disenadores-web"&gt;Guía básica de HTML 5 para diseñadores web&lt;/a&gt;, Sebastián Thüer [01/10/2009]&lt;/li&gt;&lt;li&gt;&lt;a target="_blank" href="http://www.webposible.com/blog/?p=343"&gt;Lo que está pasando con la futura versión&lt;/a&gt;&lt;a target="_blank" href="http://www.webposible.com/blog/?p=343"&gt; de HTML &lt;/a&gt;de Blog posible, de enero de 2007&lt;/li&gt;&lt;li&gt;&lt;a target="_blank" class="" title="Permanent Link: Iniciativa por el HTML 5: que alquien me lo explique" href="http://www.tripix.net/2006/11/08/iniciativa-por-el-html-5-que-alquien-me-lo-explique/" rel="bookmark"&gt;Iniciativa por el HTML 5: que alquien me lo explique&lt;/a&gt; de Tripix.net, de noviembre de 2006&lt;/li&gt;&lt;li&gt;&lt;a target="_blank" href="http://www.librosweb.es/xhtml/capitulo1/breve_historia_de_html.html"&gt;Breve historia de HTML&lt;/a&gt; de librosweb.es&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.pc-actual.com/actualidad/noticia/2009/02/26/El-proximo-estandar-Web"&gt;"El próximo estándar Web"&lt;/a&gt; de PC Actual&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Artículos relacionados:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://olgacarreras.blogspot.com/2012/02/html-5-y-accesibilidad.html"&gt;HTML 5 y accesibilidad&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://olgacarreras.blogspot.com/2011/01/cheat-sheet-html-401-html-5-xhtml.html"&gt;Cheat Sheet HTML 4.01, HTML 5, XHTML Elements &lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1531275133681113837-3738479443060457262?l=olgacarreras.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://olgacarreras.blogspot.com/feeds/3738479443060457262/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://olgacarreras.blogspot.com/2008/01/html-5.html#comment-form' title='4 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1531275133681113837/posts/default/3738479443060457262'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1531275133681113837/posts/default/3738479443060457262'/><link rel='alternate' type='text/html' href='http://olgacarreras.blogspot.com/2008/01/html-5.html' title='HTML 5'/><author><name>Olga Carreras</name><uri>http://www.blogger.com/profile/09766441534259003449</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='26' height='32' src='http://2.bp.blogspot.com/-ExT25d6I8sM/ThApmvcNINI/AAAAAAAAA_Y/_ZW_tOAgmso/s220/olgacarreras.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-KWALY0zTLbc/ThGEub1crQI/AAAAAAAABOc/rTfDh7-y32U/s72-c/HTML5_Logo_256.png' height='72' width='72'/><thr:total>4</thr:total></entry></feed>
