{"id":45400,"date":"2024-02-20T04:04:06","date_gmt":"2024-02-20T09:04:06","guid":{"rendered":"https:\/\/niixer.com\/?p=45400"},"modified":"2024-03-15T09:35:23","modified_gmt":"2024-03-15T14:35:23","slug":"html-5-un-nuevo-horizonte-digital","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/","title":{"rendered":"Trazando el horizonte digital: Una inmersi\u00f3n en HTML5 y sus innovaciones para experiencias Web Modernas"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\"><strong>Introducci\u00f3n a HTML 5, \u00bfQu\u00e9 es?&nbsp;<\/strong><\/h3>\n\n\n\n<p>Html 5 es un lenguaje de etiquetas que tiene como objetivo mejorar la experiencia del usuario con herramientas que permiten la personalizaci\u00f3n de los sitios web, esta nueva actualizaci\u00f3n permite que los sitios web tengan un \u00fanico lenguaje porque permite que tenga compatibilidad con los navegadores web y Esta actualizaci\u00f3n fue publicada el 28 de octubre del 2014 en el World Wide Web Consortium.\u00a0<\/p>\n\n\n\n<p>En esta nueva actualizaci\u00f3n se incluyeron diversas etiquetas que permiten incluir contenido multimedia sin la necesidad de plugin. Esto permite que los documentos tengan un tama\u00f1o inferior, lo que disminuye el tiempo de carga.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Entonces permite que los recursos gr\u00e1ficos y audiovisuales puedan ser analizados de manera \u00f3ptima en cualquier tipo de navegador y dispositivo, dentro de las herramientas que posee se encuentra la geolocalizaci\u00f3n que permite personalizar la experiencia ya que ofrecer\u00e1 contendi\u00f3 espec\u00edfico por regi\u00f3n incluyendo su idioma de preferencia y Tambi\u00e9n incluye la posibilidad de implementar acciones de reproducci\u00f3n e interacci\u00f3n creando experiencias c\u00f3modas y completas a los usuarios.\u00a0<\/p>\n\n\n\n<p>Por las caracter\u00edsticas de esta nueva actualizaci\u00f3n, se convierte en una herramienta demasiado importante para ofrecer a los usuarios una mejor experiencia al visitar los sitios webs. Para los desarrolladores tambi\u00e9n ha sido una herramienta \u00fatil y gracias a esta actualizaci\u00f3n en el \u00e1mbito de las p\u00e1ginas web y desarrollo de aplicaciones se ha visto un gran avance a nivel utilitario y a nivel est\u00e9tico dando una experiencia tanto para usuario como para desarrollador formidable.&nbsp;<\/p>\n\n\n\n<p>El<strong> (hipertext markup language)<\/strong>, el n\u00famero cinco hace referencia a la versi\u00f3n del programa, imagen en webp&nbsp;<\/p>\n\n\n\n<p>se trata del lenguaje de codificaci\u00f3n m\u00e1s conocido, es utilizado para estructurar y mejorar la experiencia del usuario en el uso de las p\u00e1ginas web&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>La evoluci\u00f3n del Internet y la importancia de HTML5:<\/strong>&nbsp;<\/h4>\n\n\n\n<p>En esta nueva era digital, HTML 5 se ha convertido en el lenguaje insignia para editar, crear y presentar contenido en la web, innovando con algunas de las siguientes caracter\u00edsticas en el desarrollo web actual.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Capacidad de almacenamiento local<\/strong> <strong>en Html 5\u00a0<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/media.licdn.com\/dms\/image\/C4E12AQGMEQ2wCp6zaQ\/article-cover_image-shrink_600_2000\/0\/1520059473378?e=2147483647&amp;v=beta&amp;t=zxC4c257U9eJJCAfvphaoLnd4PdAtdqDVfRJ6xDmy0c\" alt=\"html 5 y su Almacenamiento local para distintos usos\" style=\"width:334px;height:auto\"\/><figcaption class=\"wp-element-caption\">Imagen tomada de: <a href=\"https:\/\/media.licdn.com\/dms\/image\/C4E12AQGMEQ2wCp6zaQ\/article-cover_image-shrink_600_2000\/0\/1520059473378?e=2147483647&amp;v=beta&amp;t=zxC4c257U9eJJCAfvphaoLnd4PdAtdqDVfRJ6xDmy0c\">https:\/\/media.licdn.com\/dms\/image\/C4E12AQGMEQ2wCp6zaQ\/article-cover_image-shrink_600_2000\/0\/1520059473378?e=2147483647&amp;v=beta&amp;t=zxC4c257U9eJJCAfvphaoLnd4PdAtdqDVfRJ6xDmy0c<\/a><\/figcaption><\/figure>\n\n\n\n<p>Esta Novedad da la facilidad a las p\u00e1ginas web que necesitan almacenar datos en el equipo del usuario y trabajar sin conexi\u00f3n a internet, algunos de los ejemplos de esta categor\u00eda son:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Data atributos- Es el m\u00e1s sencillo y flexible permitiendo almacenar en atributos data con etiquetas HTML pilares de informaci\u00f3n&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sessi\u00f3n Storage- Cuando el usuario tiene ventanas abiertas, los pares de claves de valor son almacenados a nivel local, pero cuando la ventana sea cerrada estos datos desaparecer\u00e1n.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/localStorage\">Local-storage<\/a>&#8211; Almacena igual pares de claves de valor, Sin embargo, est\u00e1 informaci\u00f3n perdura con el tiempo sin importar que el usuario cierre su ventana en el navegador.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WebSQL Database-HTML 5 nos da la oportunidad de almacenar una base de datos local con estructura de tablas en el navegador usando SQL.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>IndexDB Storage- Esta optimizaci\u00f3n nos permite almacenar en la base de datos local NoSQL La informaci\u00f3n o datos requeridos utilizando objetos de JavaScript&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>File System API- Su funci\u00f3n se basa en permitirnos almacenar ficheros binarios de forma local, siendo \u00fatil para los casos en que se requiera almacenar videos o audio de forma local para posterior reproducci\u00f3n.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Offline Page\/Application Cache- las ultimas actualizaciones de HTML 5 permiten definir pol\u00edticas de \u201ccache\u201d esto consiste en que todo el contenido descargado no llegue a estar disponible o al momento que se quiera acceder de una forma m\u00e1s r\u00e1pida, se pueda lograr con el contenido que est\u00e1n en la cache.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Mejora para motores de b\u00fasqueda<\/strong>\u00a0<strong>con Html 5<\/strong><\/h2>\n\n\n\n<p>HTML 5 Brinda una estructura m\u00e1s clara y concisa para el contenido en l\u00ednea, facilitando para los motores de b\u00fasqueda entender y organizar el contenido de manera funcional, esto lo podemos lograr gracias a las siguientes herramientas:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image alignleft size-large is-resized\"><a href=\"https:\/\/programas.cuaed.unam.mx\/repositorio\/moodle\/pluginfile.php\/85\/mod_resource\/content\/4\/contenido\/img\/contenido\/busqueda.gif\"><img decoding=\"async\" src=\"https:\/\/programas.cuaed.unam.mx\/repositorio\/moodle\/pluginfile.php\/85\/mod_resource\/content\/4\/contenido\/img\/contenido\/busqueda.gif\" alt=\"html 5 mejorando el navegador de b\u00fasqueda con diferentes interfases\" style=\"width:294px;height:auto\"\/><\/a><figcaption class=\"wp-element-caption\">imagen tomada de: <a href=\"https:\/\/programas.cuaed.unam.mx\/repositorio\/moodle\/pluginfile.php\/85\/mod_resource\/content\/4\/contenido\/img\/contenido\/busqueda.gif\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/programas.cuaed.unam.mx\/repositorio\/moodle\/pluginfile.php\/85\/mod_resource\/content\/4\/contenido\/img\/contenido\/busqueda.gif<\/a><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Web Sockets- <\/strong>Esta caracter\u00edstica se basa en una interfaz de programaci\u00f3n de aplicaciones (API) la cual permite una conexi\u00f3n permanente entre una p\u00e1gina y el servidor en tiempo real, permite crear plataformas web de manera m\u00e1s f\u00e1cil y que se actualicen en tiempo real.&nbsp;<\/li>\n\n\n\n<li><strong>Web Storage<\/strong>&#8211; Permite a las aplicaciones web aumentar su capacidad de almacenamiento de datos en el navegador, incrementando la posibilidad de recuperarlos de forma m\u00e1s inteligente y obteniendo m\u00e1s control en como los navegadores guardan ciertos tipos de p\u00e1ginas para agilizar la carga.&nbsp;<\/li>\n\n\n\n<li><strong>Reducci\u00f3n del c\u00f3digo JavaScript- <\/strong>Optimiza el rendimiento de los navegadores ya que entre menos JavaScript hay un aumento de la velocidad y rendimiento en la carga de las p\u00e1ginas web&nbsp;<\/li>\n\n\n\n<li><strong>Aumento de la interoperabilidad<\/strong>&#8211; Las nuevas actualizaciones de HTML5 es el analizador de navegaci\u00f3n &#8220;parser&#8221; donde se si se identifica un error en el c\u00f3digo de una p\u00e1gina web el analizador dar\u00e1 respuesta y soluci\u00f3n inmediata, para seguir navegando sin inconvenientes.&nbsp;&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Compatibilidad con multimedia<\/strong>&nbsp;<\/h2>\n\n\n\n<p>HTML 5 Llega brind\u00e1ndonos la posibilidad de incluir archivos de audio y video sin la necesidad de requerir el uso de un complemento como (Flash) d\u00e1ndole a los desarrolladores la posibilidad de incluir contenido multimedia a sus sitios web dando la oportunidad de una experiencia al usuario m\u00e1s fluida y sin interrupciones&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Compatibilidad con dispositivos m\u00f3viles<\/strong>&nbsp;<\/h2>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-12dd3699 wp-block-group-is-layout-constrained\">\n<p>La nueva versi\u00f3n de HTML 5 incluye la mejora en gr\u00e1ficos y animaciones con el elemento &lt;<a href=\"https:\/\/www.canva.com\/es_419\/\">Canva<\/a>&gt; lo que le permite al programador la opci\u00f3n de dibujar gr\u00e1ficos y animaciones sin la necesidad de usar plugin externos.&nbsp;&nbsp;<\/p>\n\n\n\n<p>HTML 5 tambi\u00e9n innova con la posibilidad de adaptaci\u00f3n de la pantalla a diferentes tama\u00f1os dando m\u00e1s accesibilidad a distintos tipos de usuarios y otra de las grandes ventajas y es que viene con tecnolog\u00eda de c\u00f3digo abierto d\u00e1ndole la oportunidad a cualquier desarrollador de utilizarla sin tener que pagar por licencias y tambi\u00e9n llega con la compatibilidad para dispositivos iOS o Android ampliando la cantidad de usuarios que pueden usar estas API.\u00a0\u00a0<\/p>\n\n\n\n<p>En el tema de actualizaciones HTML 5 cuenta con un sistema de herramientas y <a href=\"https:\/\/www.cesuma.mx\/blog\/que-es-el-framework.html#:~:text=Un%20framework%20es%20un%20conjunto%20de%20reglas%20y%20convenciones%20que,manera%20m%C3%A1s%20eficiente%20y%20r%C3%A1pida.\">frameworks<\/a> de desarrollo web que le permiten a las aplicaciones actualizarse autom\u00e1ticamente entonces cuando se actualiza el sitio web entonces en el momento que se est\u00e9 desarrollando una aplicaci\u00f3n para dispositivo m\u00f3vil con HTML 5 se recomienda optimizar la carga de velocidad de la aplicaci\u00f3n, esto debido a que los usuarios de dispositivo m\u00f3vil cuentan con una conexi\u00f3n a internet m\u00e1s lenta que los usuarios de escritorio y tambi\u00e9n se les recomienda a los desarrolladores que hagan pruebas exhaustivas a sus aplicaciones en distintos dispositivos m\u00f3viles para verificar su correcto funcionamiento d\u00e1ndole al usuario una \u00f3ptima experiencia al momento de usarla.\u00a0<\/p>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong> Tipos de archivos compatibles con HTML5<\/strong>&nbsp;<\/h2>\n\n\n\n<p>Posee una alta compatibilidad con archivos de imagen como: JPEG, GIF, PNG, SVG Y Web, en cuanto a los archivos de audio y video se encuentran: Mp3, Mp4, WAV, AAC, Ogg, para utilizar los archivos multimedia, se debe verificar la compatibilidad de los formatos que se desean utilizar con el navegador web&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>Etiquetas multimedia&nbsp;<\/strong>&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-12dd3699 wp-block-group-is-layout-constrained\">\n<p>HTML5 brinda al desarrollador diferentes etiquetas que permiten agregar contenido multimedia y esto permite aumentar el llamativo y atractivo visual creando una mejor experiencia al usuario. Adem\u00e1s, estas etiquetas podr\u00e1n crear experiencias personalizadas en cuanto a la presentaci\u00f3n del contenido. Entre estas modificaciones se encuentran la reproducci\u00f3n autom\u00e1tica y la introducci\u00f3n de subt\u00edtulos.\u00a0<\/p>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Tipo de etiquetas en Html 5:<\/strong>\u00a0<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"> Etiqueta de imagen:&nbsp;&nbsp;<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Img: Su funci\u00f3n es poder insertar im\u00e1genes en el sitio web&nbsp;<\/li>\n\n\n\n<li>Picture: Permite seleccionar im\u00e1genes en diferentes resoluciones y tama\u00f1os para facilitar su visualizaci\u00f3n.&nbsp;<\/li>\n\n\n\n<li>Source: Se encuentra dentro de la etiqueta picture&nbsp; y&nbsp; es utilizada para agregar diversas versiones de imagen seg\u00fan el dispositivo que el usuario vaya a utilizar, esto va a acompa\u00f1ado de la media query ya que permite la selecci\u00f3n de im\u00e1genes apropiadas en base a la resoluci\u00f3n de la pantalla del dispositivo.&nbsp;<\/li>\n\n\n\n<li>Figure: Permite agrupar im\u00e1genes con un t\u00edtulo o descripci\u00f3n especifica&nbsp;&nbsp;<\/li>\n\n\n\n<li>Figcaption:&nbsp; Esta etiqueta viene incluida en la etiqueta figure y permite la creaci\u00f3n de textos&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><a href=\"http:\/\/Etiqueta de audio y video:\">Etiqueta de audio y video:&nbsp;<\/a><\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image alignright size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/programaenlinea.net\/wp-content\/uploads\/2017\/11\/audio-y-video-t1.png\" alt=\"html 5 y sus etiquetas de audio y video para reproduccion de medios\" style=\"width:359px;height:auto\"\/><figcaption class=\"wp-element-caption\">Imagen tomada de:  <a href=\"https:\/\/i.ytimg.com\/vi\/XX9Kmg3qLRk\/maxresdefault.jpg\">https:\/\/i.ytimg.com\/vi\/XX9Kmg3qLRk\/maxresdefault.jpg<\/a><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Audio\/ video: Se utiliza para insertar audio \/video al sitio web&nbsp;&nbsp;<\/li>\n\n\n\n<li>Source: Da informaci\u00f3n de la URL y el tipo de archivo&nbsp;&nbsp;<\/li>\n\n\n\n<li>Track: Se utiliza para agregar descripciones de audio\/ video y va acompa\u00f1ado de la etiqueta src y&nbsp; kind&nbsp;&nbsp;<\/li>\n\n\n\n<li>Audio controls \/ video controls: Se utiliza para agregar botones de reproducci\u00f3n &#8211; pausa y volumen.&nbsp;<\/li>\n\n\n\n<li>Audio autoplay \/ video autoplay: Permite que de manera autom\u00e1tica se reproduzca los archivos de audio.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Geolocalizaci\u00f3n en HTML 5<\/strong>&nbsp;<\/h3>\n\n\n\n<p>Una de las novedades con las que llega HTML 5 es la geolocalizaci\u00f3n del usuario siempre y cuando el usuario acepte y este en un navegador que soporte esta actualizaci\u00f3n. Esta API se apoya entonces de varios medios para lograr la ubicaci\u00f3n del usuario como la direcci\u00f3n IP, la localizaci\u00f3n GPS, Wifi y redes de telefon\u00eda m\u00f3vil, esta \u00faltima HTML 5 se apoya de las torres de telefon\u00eda donde el usuario ha estado conectado para brindar esta informaci\u00f3n.\u00a0<\/p>\n\n\n\n<p>Para utilizar el API debe existir compatibilidad con el navegador y verificar si el navegador permite utilizar esta funci\u00f3n.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image alignleft size-large is-resized\"><a href=\"https:\/\/i.ytimg.com\/vi\/XX9Kmg3qLRk\/maxresdefault.jpg\"><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/XX9Kmg3qLRk\/maxresdefault.jpg\" alt=\"html 5 y su geolocalizaci\u00f3n mediante apps\" style=\"width:459px;height:auto\"\/><\/a><figcaption class=\"wp-element-caption\">Imagen tomada de:<a href=\"https:\/\/i.ytimg.com\/vi\/XX9Kmg3qLRk\/maxresdefault.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"> https:\/\/i.ytimg.com\/vi\/XX9Kmg3qLRk\/maxresdefault.jpg<\/a><\/figcaption><\/figure>\n\n\n\n<p><strong>Funciones principales:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Funci\u00f3n callback de error: Tiene como funci\u00f3n manejar diversos errores que se generen durante la operaci\u00f3n, entre ellos esta:&nbsp;&nbsp;<\/li>\n\n\n\n<li>Error desconocido&nbsp;&nbsp;<\/li>\n\n\n\n<li>Time out en respuesta&nbsp;&nbsp;<\/li>\n\n\n\n<li>Ubicaci\u00f3n bloqueada&nbsp;&nbsp;<\/li>\n\n\n\n<li>Ubicaci\u00f3n en Google:<strong> <\/strong>Para obtener nuestra ubicaci\u00f3n actual en un mapa espec\u00edficamente en Google se enlazan el API de geolocalizaci\u00f3n y el API de Google Maps donde se convertir\u00e1n las coordinadas de latitud y longitud y finalmente se crear\u00e1 un mapa con la informaci\u00f3n de la ubicaci\u00f3n&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>En el siguiente video se encuentran de manera detallada las caracter\u00edsticas y funcionamiento de HTLM5 donde se puede abordar un poco m\u00e1s profundo el tema de HTML 5&nbsp;<\/p>\n\n\n\n<p>Link video YouTube: https: <a href=\"https:\/\/youtu.be\/hKPYkxdbRiY\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/youtu.be\/hKPYkxdbRiY<\/a>&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"QU\u00c9 ES HTML5 (y as\u00ed funciona)\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/hKPYkxdbRiY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Cr\u00e9ditos:<\/h3>\n\n\n\n<p><strong>Autor<\/strong>: <a href=\"https:\/\/niixer.com\/?s=Alan+Kalef+Berm%C3%BAdez+Ramirez\">Alan Kalef Berm\u00fadez Ramirez<\/a><\/p>\n\n\n\n<p><strong>Editor<\/strong>: <a href=\"Editor: Carlos Iv\u00e1n Pinz\u00f3n Romerohttps:\/\/niixer.com\/?s=+Carlos+Iv%C3%A1n+Pinz%C3%B3n+Romero\">Carlos Iv\u00e1n Pinz\u00f3n Romero<\/a><\/p>\n\n\n\n<p><strong>C\u00f3digo<\/strong>: <a href=\"https:\/\/niixer.com\/?s=UCPAG4-1\">UCPAG4-1<\/a><\/p>\n\n\n\n<p><strong>Universidad<\/strong>: <a href=\"https:\/\/niixer.com\/?s=Universidad+Central\">Universidad Central<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Fuentes<\/strong>&nbsp;<\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">Garro, A. (2014, enero 28). \u00bfQu\u00e9 es HTML5? Arkaitzgarro.com. https:\/\/www.arkaitzgarro.com\/html5\/capitulo-1.html \nRidge, B. V. (2023, agosto 20). La Importancia de HTML5 en el Desarrollo Web Actual. MEDIUM Multimedia Agencia de Marketing Digital; Medium Multimedia. https:\/\/www.mediummultimedia.com\/web\/cual-es-la-funcion-de-html5\/ \n\u00c1lvarez, C. (2015, enero 24). HTML5 y sus tipos de almacenamiento. Genbeta.com; Genbeta dev. https:\/\/www.genbeta.com\/desarrollo\/html5-y-sus-tipos-de-almacenamiento \nLarios, I. (2023, marzo 21). Explorando las etiquetas multimedia de HTML5: C\u00f3mo crear contenido atractivo y din\u00e1mico. Designicode. https:\/\/designicode.com\/2023\/03\/21\/explorando-las-etiquetas-multimedia-de-html5-como-crear-contenido-atractivo-y-dinamico\/ \n <\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>geolocalizacion por medio de apps<\/p>\n","protected":false},"author":1235,"featured_media":45823,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[2867,30,103,3019],"tags":[3246,91,2655,3247,228],"class_list":["post-45400","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lenguaje-de-programacion","category-niixer","category-programacion-y-desarrollo-de-software","category-software-de-programacion","tag-html-5","tag-innovacion","tag-lenguaje-de-programacion-2","tag-sitiosweb","tag-tecnologia-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML 5 un nuevo horizonte digital para la programaci\u00f3n web<\/title>\n<meta name=\"description\" content=\"HTML 5 considerado la nueva herramienta para programadores la cual brinda muchas ayudas en el desarrollo web\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML 5 un nuevo horizonte digital para la programaci\u00f3n web\" \/>\n<meta property=\"og:description\" content=\"HTML 5 considerado la nueva herramienta para programadores la cual brinda muchas ayudas en el desarrollo web\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/niixer\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-20T09:04:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T14:35:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/html5-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"alan Bermudez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"alan Bermudez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML 5 un nuevo horizonte digital para la programaci\u00f3n web","description":"HTML 5 considerado la nueva herramienta para programadores la cual brinda muchas ayudas en el desarrollo web","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:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/","og_locale":"es_ES","og_type":"article","og_title":"HTML 5 un nuevo horizonte digital para la programaci\u00f3n web","og_description":"HTML 5 considerado la nueva herramienta para programadores la cual brinda muchas ayudas en el desarrollo web","og_url":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/","og_site_name":"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","article_publisher":"https:\/\/www.facebook.com\/niixer\/","article_published_time":"2024-02-20T09:04:06+00:00","article_modified_time":"2024-03-15T14:35:23+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/html5-1.jpg","type":"image\/jpeg"}],"author":"alan Bermudez","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"alan Bermudez","Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/"},"author":{"name":"alan Bermudez","@id":"https:\/\/niixer.com\/#\/schema\/person\/810ce9d04670bde6478f78aa12ba4306"},"headline":"Trazando el horizonte digital: Una inmersi\u00f3n en HTML5 y sus innovaciones para experiencias Web Modernas","datePublished":"2024-02-20T09:04:06+00:00","dateModified":"2024-03-15T14:35:23+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/"},"wordCount":1893,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/html5-1.jpg","keywords":["html 5","Innovaci\u00f3n","lenguaje de programacion","sitiosweb","Tecnologia"],"articleSection":["Lenguaje de Programaci\u00f3n","Niixer","Programaci\u00f3n y desarrollo de software","Software de programacion"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/","url":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/","name":"HTML 5 un nuevo horizonte digital para la programaci\u00f3n web","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/html5-1.jpg","datePublished":"2024-02-20T09:04:06+00:00","dateModified":"2024-03-15T14:35:23+00:00","description":"HTML 5 considerado la nueva herramienta para programadores la cual brinda muchas ayudas en el desarrollo web","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/html5-1.jpg","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/html5-1.jpg","width":1920,"height":1080,"caption":"logo de html 5"},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2024\/02\/20\/html-5-un-nuevo-horizonte-digital\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"Trazando el horizonte digital: Una inmersi\u00f3n en HTML5 y sus innovaciones para experiencias Web Modernas"}]},{"@type":"WebSite","@id":"https:\/\/niixer.com\/#website","url":"https:\/\/niixer.com\/","name":"Portal de noticias de tecnolog\u00eda, ciencia, Android, iOS, Realidad Virtual, Aumentada y Mixta, Videojuegos, computadores, todo lo mas reciente en tecnolog\u00eda","description":"Portal de noticias de tecnolog\u00eda","publisher":{"@id":"https:\/\/niixer.com\/#organization"},"alternateName":"Niixer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/niixer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/niixer.com\/#organization","name":"Niixer","alternateName":"Niixer.com","url":"https:\/\/niixer.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/","url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","width":140,"height":140,"caption":"Niixer"},"image":{"@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/niixer\/","https:\/\/www.instagram.com\/niixer.tecnologia\/"]},{"@type":"Person","@id":"https:\/\/niixer.com\/#\/schema\/person\/810ce9d04670bde6478f78aa12ba4306","name":"alan Bermudez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/7f975fc92bcf6c6cd74d3937e248a63acfa31f3443e4a057bb9623b391204e11?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7f975fc92bcf6c6cd74d3937e248a63acfa31f3443e4a057bb9623b391204e11?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7f975fc92bcf6c6cd74d3937e248a63acfa31f3443e4a057bb9623b391204e11?s=96&d=mm&r=g","caption":"alan Bermudez"},"url":"https:\/\/niixer.com\/index.php\/author\/alan-bermudez\/"}]}},"jetpack_featured_media_url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/02\/html5-1.jpg","_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/45400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/users\/1235"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=45400"}],"version-history":[{"count":15,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/45400\/revisions"}],"predecessor-version":[{"id":46080,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/45400\/revisions\/46080"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/45823"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=45400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=45400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=45400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}