Doce funciones que los desarrolladores esperan del próximo HTML6

HTML5 tiene un éxito fenomenal entre los desarrolladores. Ha facilitado a los desarrolladores la organización del contenido de una manera más relevante con las nuevas etiquetas como <article> , <section> , <header> etc.

Los desarrolladores disfrutan de la libertad de usar atributos de tipo de etiquetas como <link> y <script> . Aunque HTML5 ha traído un cambio de paradigma en la programación web, tiene limitaciones en el desarrollo de aplicaciones nativas en la web y algunos otros problemas.

Como desarrollador, siempre desea ofrecer soluciones web efectivas y eficientes, y se espera que HTML6 lo ayude a lograr este objetivo. Por lo tanto, los desarrolladores de todo el mundo están ansiosos por adoptar HTML6. Es interesante ver cómo las características esperadas de HTML6 cambiarían el dominio del desarrollo web.

Estas son algunas de las expectativas más populares de la comunidad de desarrolladores para el próximo HTML6:

Etiquetas exprés

Es probable que HTML6 facilite a los desarrolladores etiquetas rápidas. Puede utilizar <logo></logo> para asignar un logotipo a la página web. Del mismo modo, las etiquetas <sidebar></sidebar> y <navigation></navigation> integrarán la barra lateral y la navegación respectivamente.

Además, la etiqueta <div> podría usarse sin usar múltiples ID. Por ejemplo, puede simplemente usar <container> o <wrapper> en lugar de escribir <div id='container'> y <div id='wrapper'> .

Espacios de nombres similares a XML

Se espera que HTML6 venga con espacios de nombres de estructura similar a XML. Dichos espacios de nombres ayudarán a los desarrolladores a usar la misma etiqueta sin ningún conflicto con otra etiqueta. En otras palabras, HTML6 ofrecerá la ventaja de usar las etiquetas deseadas además de las etiquetas definidas.

Documento HTML6

[xhtml]
<!DOCTYPEhtml>
<html:html>
<html:cabeza>
<html:title>Una mirada a HTML6</html:title>
<html:meta type="title" value="Título de la página">
<html:meta type="description" value="Ejemplo de HTML con espacios de nombres">
<html:link src="css/mainfile.css" title="Estilos" type="text/css">
<html:enlace src="js/mainfile.js" title="Script" type="text/javascript">
</html:cabeza>
<html:cuerpo>
<encabezado>
<logotipo>
<html:tipo de medio="imagen" src="imágenes/xyz.png">
</logotipo>
<navegación>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</encabezado>
<contenido>
<artículo>
<h1>Título del artículo principal</h1>
<h2>Subtítulo del artículo principal</h2>
<p>[…]</p>
<p>[…]</p>
</artículo>
<artículo>
<h1>El concepto de HTML6</h1>
<h2>Comprender los conceptos básicos</h2>
<p>[…]</p>
</artículo>
</contenido>
<pie de página>
<copyright>Este sitio es &copy; a Anónimo 2017</copyright>
</pie de página>
</html:cuerpo>
</html:html>
[/xhtml]

En este documento, tenemos algunas etiquetas extrañas <html: x> . Son los elementos con espacio de nombres que pertenecen a las especificaciones W3C y HTML6 y son útiles para desencadenar eventos del navegador. Por ejemplo, <html: title> cambiará la barra de título del navegador y <html: media> ayudará a que la imagen definida aparezca en la pantalla del navegador. Estos elementos no tienen nada que ver con el navegador. Pueden permitir a los desarrolladores hacer que el código de muestra sea más semántico.

Control adicional de objetos de video

HTML6 ofrecerá más control sobre el objeto de video para mejorar la experiencia de video para los usuarios. Aunque los desarrolladores no pueden deshacerse del códec de compresión, pueden ajustarlo con diferentes algoritmos de compresión.

Se espera un mayor control sobre la pintura de fotogramas de video en una página junto con mejores enlaces de devolución de llamada y mecanismos de sincronización. También podemos esperar la capacidad de mezclar DOM con video en la próxima versión de HTML.

[xhtml]
<! – Ejemplo de vídeo sencillo –>
<video src="videofile.webm" autoplay poster="posterimage.jpg"> Lo sentimos, su navegador no admite videos incrustados, pero no se preocupe, puede <a href="videofile.webm">descargarlo</ a> ¡y míralo con tu reproductor de video favorito!
</vídeo>

<! – Vídeo con subtítulos –>
<video src="foo.webm">
<track kind="subtitles" src="foo.en.vtt" srclang="en" label="English">
<track kind="subtítulos" src= "foo.sv.vtt" srclang="sv" label="Svenska">
</vídeo>
[/xhtml]

Bibliotecas ricas y dedicadas

JQuery ha transformado el mundo de JavaScript con respecto a las bibliotecas estándar. El próximo estándar de HTML podría generar bibliotecas garantizadas distribuidas con el navegador. Ahorraría más tiempo al actualizar la versión en caché de jQuery 1.9. En otras palabras, la versión cacheable de las bibliotecas está a punto de llegar. Si muchos diseñadores usan una biblioteca específica, podría distribuirse con el navegador en una nueva versión de HTML6.

Anotación mejorada

La anotación no debe limitarse a las secciones de comentarios en la base de los artículos. Una estructura estándar puede agregar anotaciones para párrafos, oraciones y palabras. Incluso las imágenes y los momentos dentro del video también se pueden anotar en una versión sofisticada. La estandarización de la API permite que todos los sitios web y navegadores traten las anotaciones básicas de la misma manera. La comunidad de desarrolladores espera opciones de anotación mejoradas.

Integración de cámara

La cámara juega un papel vital en nuestras interacciones en el hogar y la oficina. Se espera que HTML6 permita todo el contenido multimedia en nuestros dispositivos de muchas maneras. Podría ofrecer más control sobre la cámara a través del navegador, formularios u otros sistemas. La captura de imágenes, el filtrado sobre la marcha, los efectos de cámara son algunos de los aspectos que se pueden abordar. Otra posibilidad es permitir múltiples formatos tanto para video como para fotografía mientras se facilita la creación de imágenes panorámicas y HDR.

Autenticación más estricta

El navegador podría ofrecer más cuando se trata de autenticación. Por ejemplo, en lugar de usar cookies, el navegador podría ofrecer firmar tokens con claves incrustadas que se pueden almacenar en chips reforzados. Evita que las personas (léase: piratas informáticos) obtengan acceso a través de la clave secreta. La API podría agregarse al navegador para permitir que los sitios web soliciten mejores firmas digitales. En cierto modo, la autenticación podría fortalecerse para mejorar la seguridad.

Microformatos

Los detalles comunes, como partes de una dirección o un número de teléfono, se pueden especificar utilizando una forma estándar llamada microformatos en HTML6. Podríamos obtener una respuesta rápida de los rastreadores web y los motores de búsqueda con un conjunto estándar de etiquetas. Los desarrolladores pueden usar marcas más completas para ubicaciones, fechas, horas, bibliografías y todas las formas de datos estándar para crear información detallada. También podemos esperar códigos de teléfono específicos de cada país. Los desarrolladores también buscan flexibilidad para cambiar el formato de fecha. En este momento, está configurado de forma predeterminada con el de EE. UU. En cierto modo, los microformatos se volverían más fuertes y flexibles en HTML6.

Preprocesadores

Los preprocesadores conectables podrían integrarse en HTML6 para convertir idiomas a JavaScript. Hoy, Lisp, Python, Ruby, Erlang, Scala y muchos otros lenguajes se pueden compilar en JavaScript, y la próxima versión de HTML puede traer un preprocesador para cumplir este objetivo. Cuando cualquiera de estos lenguajes se compila de forma cruzada en JavaScript, produce una versión más pequeña que se puede canalizar fácilmente a través de Internet. HTML5 es una versión general de JavaScript que dificulta la optimización del código para la máquina local.

Idiomas conectables

No podemos descartar la llegada de un conjunto de idiomas conectables con la próxima versión de HTML. Aumentaría la flexibilidad y ofrecería más opciones de diseño para los desarrolladores. Aunque JavaScript podría continuar de forma amplia, en el futuro podrían surgir extensiones especializadas con un lenguaje especializado. Los desarrolladores también quieren etiquetas HTML que puedan generar un montón de códigos para satisfacer las demandas.

Tamaño del navegador automatizado de imágenes

La apariencia de una imagen depende de varios aspectos como el tipo de dispositivos y el tamaño de la ventana. La etiqueta estándar <img> de HTML tiene solo un SRC que puede causar problemas al navegador mientras muestra una imagen. Sin embargo, un mejor protocolo HTML podría sugerir un ancho o alto deseado para una imagen, y el servidor podría ofrecer la resolución óptima. En cierto modo, el tamaño del navegador de las imágenes está a punto de llegar en HTML6.

Acceso seguro a la información de contacto

Las personas o los visitantes a menudo desean obtener una dirección de correo electrónico o un número de contacto para la base de datos de sus dispositivos. En este momento, pueden hacerlo con cortar y pegar. Se espera que JavaScript salve a las personas de cortar y pegar en la nueva versión de HTML6. En los dispositivos móviles, la interfaz podría ofrecer un acceso protegido a la información de contacto de las personas.

Conclusión

Eso no es todo. Los desarrolladores quieren que HTML6 haga que la validación de formularios sea personalizable. En este momento, viene por defecto y no se puede modificar. Además, en el mundo impulsado por los dispositivos móviles, la próxima versión de HTML podría brindar una función de seguimiento de ubicación mediante GPS en un navegador móvil. Algunas otras ideas de características incluyen compatibilidad con Bluetooth, protección integrada contra malware y la capacidad de transferir archivos de igual a igual, etc., que también están en preparación para el próximo HTML6.

El escenario está listo para HTML6. Esperemos a que llegue la última versión que pueda traer el cambio radical en el proceso de desarrollo web.

¡Feliz desarrollo web!