{"id":288,"date":"2022-04-02T03:20:04","date_gmt":"2022-04-02T03:20:04","guid":{"rendered":"https:\/\/datiasesoria.com\/blog\/?p=288"},"modified":"2022-06-13T20:18:49","modified_gmt":"2022-06-13T20:18:49","slug":"html6-actualizacion-funcionalidad","status":"publish","type":"post","link":"https:\/\/datiasesoria.com\/blog\/2022\/04\/02\/html6-actualizacion-funcionalidad\/","title":{"rendered":"HTML6: Actualizaci\u00f3n y Nuevas Funcionalidades"},"content":{"rendered":"\n
\"html6\"
html6<\/figcaption><\/figure>\n\n\n\n

HTML6 ser\u00e1 la \u00faltima versi\u00f3n de HTML. Que vendr\u00e1 con caracter\u00edsticas de desarrollo avanzadas que principalmente traen el enfoque de mayor seguridad, f\u00e1cil etiquetado, minimizaci\u00f3n del documento y  otras m\u00e1s. HTML6 es la versi\u00f3n avanzada de HTML5, que incluir\u00e1 todas las caracter\u00edsticas de HTML5 y  a\u00f1adi\u00e9ndose opciones.<\/p>\n\n\n\n

 El organismo de est\u00e1ndare WHATWG, que impulsa los cambios en la especificaci\u00f3n HTML, decidi\u00f3 implementar un enfoque de documento vivo para la estandarizaci\u00f3n. Esto significa que lo que llamamos HTML6 no sea una gran actualizaci\u00f3n al est\u00e1ndar, sino en peque\u00f1as mejoras como ya sucede con frecuencia, lo que es lo mismo por los peque\u00f1os cambios que se mencionan como actualizaci\u00f3n.<\/p>\n\n\n\n

HTML est\u00e1 en mejora continua todo el tiempo. Los proveedores de navegadores siempre buscan implementar en su producto las \u00faltimas funciones del est\u00e1ndar, as\u00ed que si eres programador te dar\u00e1s cuenta que siempre tenemos mejorar por probar, o bien, si eres usuario te dar\u00e1s cuenta de la nueva funcionalidad una vez que esta forma parte del entorno o producto final; para esta ocasi\u00f3n hay cambios que facilitar\u00e1n principalmente al desarrollador web y que vamos a se\u00f1alar.<\/p>\n\n\n\n

Caracter\u00edsticas de HTML6<\/strong><\/strong><\/p>\n\n\n\n

HTML6 soporta HTML CSS4, que ayuda a crear el dise\u00f1o gr\u00e1fico para el sitio web.<\/p>\n\n\n\n

Compatibilidad con versiones anteriores. Puesto queHTML6 tendr\u00e1 OOXML como la serializaci\u00f3n, todas las implementaciones de OOXML de hoy ser\u00e1 capaz de hacer con precisi\u00f3n HTML6.<\/p>\n\n\n\n

F\u00e1cil migraci\u00f3n. Con tan solo una hoja de estilo XSLT podremos convertir los documentos en HTML 4 a HTML6 en ambos sentidos.<\/p>\n\n\n\n

Gracias a XSLT y GRDDL, los datos de OOXML con el modelo RDF \/ XSL-FO; este enfoque ofrece lo mejor de ambos, mientras que OOXML proporciona compatibilidad para las aplicaciones de nivel de entrada, el modelo de arquitectura RDF \/ XSL-FO-base se integra con el plano posterior la fuerza de las aplicacioness.<\/p>\n\n\n\n

 Integraci\u00f3n WS,  con el esquema XML proporcionando la uni\u00f3n con las soluciones de intermediaci\u00f3n basados en SOAP.<\/p>\n\n\n\n

 Modales <\/strong>N<\/strong>ativos<\/strong><\/strong><\/p>\n\n\n\n

Si est\u00e1s en el front end de una aplicaci\u00f3n o p\u00e1gina web, posiblemente los modals sea un elemento de uso constante mismo que integramos al etiquetado mediante Javascript, este elemento ahora nativo ser\u00e1 con la etiqueta  <dialog> .<\/p>\n\n\n\n

<dialog open><\/p>\n\n\n\n

  <p>Esto es una etiqueta modal nativa: powered by HTML.<\/p><\/p>\n\n\n\n

<\/dialog><\/p>\n\n\n\n

 Se puede abrir y cerrar alternando el atributo abierto. De forma predeterminada, mostrar\u00e1 el cursor encima de donde se coloc\u00f3 en la p\u00e1gina. Al llamar a su m\u00e9todo openModal a trav\u00e9s de JavaScript, se utilizar\u00e1 una interfaz modal m\u00e1s familiar.<\/p>\n\n\n\n

De forma predeterminada, el fondo se vuelve gris y el contenido debajo de este ya no es interactivo.<\/p>\n\n\n\n

<dialog><\/p>\n\n\n\n

  <form method=”dialog”><\/p>\n\n\n\n

    <input type=”submit” value=”Yes” \/><\/p>\n\n\n\n

    <input type=”submit” value=”No” \/><\/p>\n\n\n\n

  <\/form><\/p>\n\n\n\n

<\/dialog><\/p>\n\n\n\n

 Los formularios  de un dialog modal pueden tener un atributo de m\u00e9todo de dialog, que enviar\u00e1 el valor y lo devolver\u00e1 al objeto de di\u00e1logo en s\u00ed. Esto hace que <dialog> sea una gran herramienta para confirmar acciones u otras interacciones peque\u00f1as.<\/p>\n\n\n\n

HTML6 que requieren la \u00faltima versi\u00f3n de un navegador web, ya que para poder intepretarlo es requerido que navegador lo integre en su entorno HTML6. Paulatinamente todos los navegadores ir\u00e1n integrando en su producto este nuevo est\u00e1ndar de la industria.<\/p>\n\n\n\n

 Men\u00fas m\u00e1s inteligentes<\/strong><\/strong><\/p>\n\n\n\n

Algunas aplicaciones web permiten a los usuarios realizar grupos de acciones dentro de su interfaz.<\/p>\n\n\n\n

Antes, se marcaba como una lista  <ul>, una lista desordenada de acciones que un usuario podr\u00eda realizar. Ahora bien, <ul> est\u00e1 destinado a una lista de elementos de visualizaci\u00f3n, no es m\u00e1s adecuado para elementos interactivos.<\/p>\n\n\n\n

<menu type=”toolbar”><\/p>\n\n\n\n

  <li><button>Cut<\/button><\/li><\/p>\n\n\n\n

  <li><button>Copy<\/button><\/li><\/p>\n\n\n\n

  <li><button>Paste<\/button><\/li><\/p>\n\n\n\n

<\/menu><\/p>\n\n\n\n

El men\u00fa contiene algunas acciones, que ser\u00e1n activadas por elementos <button> dentro de ellas. Aparte de eso, el elemento <menu> no act\u00faa de manera diferente a una lista habitual de elementos. A medida que mejora la adopci\u00f3n del navegador, puede ayudar a las tecnolog\u00edas de asistencia a encontrar estos elementos interactivos m\u00e1s f\u00e1cilmente.<\/p>\n\n\n\n

Hay m\u00e1s cambios que aparecen constantemente en la especificaci\u00f3n y se abren paso en los navegadores. Mantente atento a las p\u00e1ginas de actualizaci\u00f3n de cada navegador y revisa el est\u00e1ndar de vida WHATWG.<\/p>\n\n\n\n

Se tiene espectativa que esta actualizaci\u00f3n de HTML tiene que ser compatible con versiones anteriores, tratando de ser m\u00e1s f\u00e1cil tanto para los usuarios, los desarrolladores y los implementadores.<\/p>\n\n\n\n

HTML6 se basa en HTML5, XML, y sintaxis LISP.<\/p>\n\n\n\n

HTML6 definitivamente facilita a los dise\u00f1adores web su trabajo y de tal manera lo veremos en los aplicativos web conforme los navegadores lo integren en sus productos.<\/p>\n\n\n\n

\"Logo\"
DA Desarrollo y Asesor\u00eda<\/figcaption><\/figure>\n\n\n\n

Escrito por Jos\u00e9 Hugo Larios<\/p>\n","protected":false},"excerpt":{"rendered":"

HTML6 ser\u00e1 la \u00faltima versi\u00f3n de HTML. Que vendr\u00e1 con caracter\u00edsticas de desarrollo avanzadas que principalmente traen el enfoque de mayor seguridad, f\u00e1cil etiquetado, minimizaci\u00f3n del documento y  otras m\u00e1s. HTML6 es la versi\u00f3n avanzada de HTML5, que incluir\u00e1 todas las caracter\u00edsticas de HTML5 y  a\u00f1adi\u00e9ndose opciones.  El organismo de est\u00e1ndare WHATWG, que impulsa los […]<\/p>\n","protected":false},"author":2,"featured_media":297,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,33,32],"tags":[34,35,17],"class_list":["post-288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","category-desarrollo-web","category-programacion","tag-desarrollo-web","tag-programacion","tag-seo"],"_links":{"self":[{"href":"https:\/\/datiasesoria.com\/blog\/wp-json\/wp\/v2\/posts\/288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datiasesoria.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/datiasesoria.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/datiasesoria.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/datiasesoria.com\/blog\/wp-json\/wp\/v2\/comments?post=288"}],"version-history":[{"count":4,"href":"https:\/\/datiasesoria.com\/blog\/wp-json\/wp\/v2\/posts\/288\/revisions"}],"predecessor-version":[{"id":295,"href":"https:\/\/datiasesoria.com\/blog\/wp-json\/wp\/v2\/posts\/288\/revisions\/295"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datiasesoria.com\/blog\/wp-json\/wp\/v2\/media\/297"}],"wp:attachment":[{"href":"https:\/\/datiasesoria.com\/blog\/wp-json\/wp\/v2\/media?parent=288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/datiasesoria.com\/blog\/wp-json\/wp\/v2\/categories?post=288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/datiasesoria.com\/blog\/wp-json\/wp\/v2\/tags?post=288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}