{"id":13,"date":"2008-07-30T11:02:46","date_gmt":"2008-07-30T09:02:46","guid":{"rendered":"http:\/\/webposible.com\/xposible\/?p=13"},"modified":"2008-07-30T10:16:38","modified_gmt":"2008-07-30T08:16:38","slug":"xhtml-basic-11-y-mobile-web-best-practices-10-recomendaciones-del-w3c","status":"publish","type":"post","link":"http:\/\/webposible.com\/xposible\/2008\/xhtml-basic-11-y-mobile-web-best-practices-10-recomendaciones-del-w3c\/","title":{"rendered":"XHTML Basic 1.1 y Mobile Web Best Practices 1.0, recomendaciones del W3C"},"content":{"rendered":"<p>Por fin. Despu\u00e9s de m\u00e1s de 2 a\u00f1os del primer borrador de trabajo de <acronym title=\"Extensible HyperText Markup Language\" xml:lang=\"en\">XHTML<\/acronym> 1.1 <span xml:lang=\"en\">basic<\/span> (2006-06-07), y algo menos de tres a\u00f1os del primer borrador de <span xml:lang=\"en\">Mobile Web Best Practices<\/span> 1.0 (2005-10-17), ya han alcanzado el estatus de recomendaciones del W3C los documentos:<\/p>\n<ul>\n<li xml:lang=\"en\"><a hreflang=\"en\" href=\"http:\/\/www.w3.org\/TR\/2008\/REC-xhtml-basic-20080729\/\"><acronym title=\"Extensible HyperText Markup Language\" xml:lang=\"en\">XHTML<\/acronym> Basic 1.1<\/a><\/li>\n<li xml:lang=\"en\"><a hreflang=\"en\" href=\"http:\/\/www.w3.org\/TR\/2008\/REC-mobile-bp-20080729\/\">Mobile Web Best Practices 1.0<\/a><\/li>\n<\/ul>\n<p>En <acronym title=\"Extensible HyperText Markup Language\" xml:lang=\"en\">XHTML<\/acronym> <span xml:lang=\"en\">basic<\/span>, los cambios m\u00e1s importantes son (con respecto a la versi\u00f3n 1.0 del a\u00f1o 2000):<\/p>\n<ul>\n<li>los documentos tienen que tener y servirse con el mime-type \u00abapplication\/xhtml+xml\u00bb.<\/li>\n<li>Nuevos elementos de formularios: <code>button, fieldset, legend, optgroup<\/code>.<\/li>\n<li>Nuevo m\u00f3dulo de presentaci\u00f3n, con los elementos: <code>b, big, hr, i, small, sub, sup, tt<\/code>.<\/li>\n<li>Nuevo m\u00f3dulo de scripting (elementos <code>script<\/code> y <code>noscript<\/code>). Atenci\u00f3n con el uso de javascript&#8230;<\/li>\n<li>Nuevo m\u00f3dulo de eventos intr\u00ednsecos.<\/li>\n<li>Nuevo m\u00f3dulo de hoja de estilos (ahora est\u00e1 desaconsejado el atributo <code>style<\/code>).<\/li>\n<li>El atributo <code>target<\/code> (\u00bf?). El soporte de este atributo, no est\u00e1 garantizado (yo directamente prohibir\u00eda su uso, a estas alturas y todav\u00eda con frames y ventanas emergentes en dispositivos m\u00f3viles&#8230; una locura).<\/li>\n<li>El atributo <code>inputmode<\/code>, herencia de <a hreflang=\"en\" href=\"http:\/\/www.w3.org\/TR\/xforms\/\">XForms<\/a>. Utilizado para los elementos <code>input<\/code> y <code>textarea<\/code>. \u00bfPara qu\u00e9 sirve? Indicar qu\u00e9 tipo de contenido hay que incluir en dichos elementos. Hay dos tipos de <code>inputmode<\/code>, uno sobre \u00abtipos de idioma\u00bb (por ejemplo <code>arabic, cyrillic, latin, tibetan<\/code>,&#8230;) y otro para tipo de caracteres (<code>lowerCase, digits, predictOn<\/code>,&#8230;). Por ejemplo, si tenemos una caja de texto en el que hay que incluir un c\u00f3digo postal, podr\u00edamos aprovechar las ventajas del atributo <code>inputmode<\/code> as\u00ed: <code>inputmode=\"latin digits\"<\/code>. Mola.<\/li>\n<\/ul>\n<p>Una plantilla muy b\u00e1sica, y modificable al gusto de los desarrolladores (hay un par de l\u00edneas de c\u00f3digo que particularmente me gustan, pero no son muy \u00fatiles), podr\u00eda ser la siguiente:<\/p>\n<pre><code>\r\n\r\n&lt;?xml version=\"1.0\"?&gt;\r\n\r\n&lt;!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML Basic 1.1\/\/EN\"\r\n\r\n\"http:\/\/www.w3.org\/TR\/xhtml-basic\/xhtml-basic10.dtd\"&gt;\r\n\r\n&lt;html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" xml:lang=\"es\"&gt;\r\n\r\n&lt;head&gt;\r\n\r\n&lt;title&gt;&lt;\/title&gt;\r\n\r\n&lt;meta name=\"HandheldFriendly\" content=\"true\" \/&gt;\r\n\r\n&lt;meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/&gt;\r\n\r\n&lt;link rel=\"stylesheet\" media=\"handheld\" type=\"text\/css\" href=\"handheld.css\" \/&gt;\r\n\r\n&lt;link rel=\"alternate\" media=\"screen\" href=\"http:\/\/example.org\/\" \/&gt;\r\n\r\n&lt;\/head&gt;\r\n\r\n&lt;body&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;<\/code><\/pre>\n<p>Con respecto a las <span xml:lang=\"en\">Mobile Web Best Practices<span> 1.0, poco que comentar. Las l\u00f3gicas correcciones y evoluciones de una nueva recomendaci\u00f3n (muy relacionadas con las <acronym title=\"Web Content Accessibility Guidelines\" xml:lang=\"en\">WCAG<\/acronym>, como se explica en <a xml:lang=\"en\" hreflang=\"en\" href=\"http:\/\/www.w3.org\/TR\/mwbp-wcag\/\">Relationship between Mobile Web Best Practices and Web Content Accessibility Guidelines<\/a>).<\/span><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Por fin. Despu\u00e9s de m\u00e1s de 2 a\u00f1os del primer borrador de trabajo de XHTML 1.1 basic (2006-06-07), y algo menos de tres a\u00f1os del primer borrador de Mobile Web Best Practices 1.0 (2005-10-17), ya han alcanzado el estatus de recomendaciones del W3C los documentos: XHTML Basic 1.1 Mobile Web Best Practices 1.0 En XHTML [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[21,13,67,22],"_links":{"self":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/13"}],"collection":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":0,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"wp:attachment":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}