¿Qué es HTML5 y cómo cambia la forma en que navego? [MakeUseOf explica]

En los últimos años, es posible que haya oído el término HTML5 de vez en cuando. Ya sea que sepa algo sobre desarrollo web o no, el concepto puede ser un tanto nebuloso y confuso. Obviamente, es el siguiente paso en la línea de HTML, pero ¿qué hace exactamente? ¿Por qué hay tanta emoción a su alrededor? ¿Y por qué te importa??

HTML, o lenguaje de marcado de hipertexto, es el elemento más importante de la World Wide Web. Es el lenguaje utilizado para describir el aspecto que debe tener una página web. Sin embargo, el HTML por sí solo es bastante aburrido porque solo puede entregar páginas estáticas; Con el fin de satisfacer la creciente demanda de funciones web más impresionantes, HTML se ha combinado con complementos como CSS, Flash, Java, Silverlight, etc..

Se ha convertido en una especie de desastre y diferentes navegadores implementan esas características a su manera. HTML5 está destinado a resolver los grandes problemas de HTML para una web más limpia y eficiente.

HTML: una visión general

HTML como lo conocemos hoy se llama HTML4 y se publicó por primera vez en 1997. Sí, eso significa que hemos estado usando HTML4 durante más de 15 años, lo que es una eternidad en el tiempo de tecnología. Alrededor de 2000, un lenguaje de marcado paralelo llamado XHTML comenzó a desarrollarse y se ha estado utilizando también a lo largo de los años, principalmente debido a los estándares más estrictos que impone. En general, sin embargo, los dos son bastante similares.

El problema con HTML4 es su funcionalidad limitada. Debe extenderse a través de complementos, como Flash, para proporcionar más que simples textos e imágenes. Muchos reproductores de video, por ejemplo, fueron creados y mantenidos en la plataforma Flash e integrados en páginas HTML. Muchas aplicaciones web fueron desarrolladas usando Java e incrustadas también.

Con todos estos complementos, es difícil mantener los estándares adecuados. Lo ideal es que cada navegador muestre todas las páginas de la web de la misma manera para ofrecer la misma experiencia a cada usuario. Para mostrar los mismos resultados en múltiples navegadores, los desarrolladores web normalmente necesitan implementar soluciones rápidas y trucos en varias partes de su sitio para adaptarse a diferentes procesos de representación. Esto se vuelve engorroso después de un tiempo.

En una nota más práctica, las páginas web que requieren complementos como Flash y Java terminan utilizando mucho más CPU y RAM. ¿Alguna vez te has preguntado por qué tu navegador usa tanto de los recursos de tu computadora? Mucho de esto puede ser atribuido a estas extensiones HTML. Esta es una de las razones por las que Apple ha deshabilitado la compatibilidad con Flash en sus dispositivos móviles (para ahorrar batería).

¿Qué es exactamente HTML5?

HTML4 ha funcionado bien, pero obviamente tiene una serie de fallas. El equipo detrás de HTML5 tiene un cierto plan de alto nivel para el siguiente paso en HTML, lo que significa que HTML5 debe basarse en los siguientes principios:

• Menos dependencia de los complementos para la funcionalidad..
• Las secuencias de comandos deben reemplazarse con marcas siempre que sea posible.
• Independencia del dispositivo (es decir, disponible en todos los dispositivos y que proporciona la misma experiencia final).
• Proceso de desarrollo público para que la gente pueda ver lo que está pasando..

Más específicamente, HTML5 agrega un montón de nuevas etiquetas de marcado. Las 11 etiquetas HTML más importantes que todo blogger y propietario de un sitio web deben saber Las 11 etiquetas HTML más importantes que debe conocer cada blogger y propietario de un sitio web La red mundial de Internet conoce muchos idiomas y está codificada en varios diferentes. El único idioma, sin embargo, que se puede encontrar en todas partes y ha existido desde la invención de las páginas web, es el ... Leer más:

• y
• etiqueta que identifica una pieza específica de contenido, por ejemplo, una publicación de blog o un comentario de usuario.
• etiqueta que te permite definir una sección genérica de contenido; similar a la actual

  etiqueta.
• y Etiquetas para marcar la inclusión de contenido de audio o video..
• Etiqueta que te permite dibujar gráficos usando un lenguaje de scripting separado.
• etiqueta para incrustar contenido externo o aplicaciones en la página.

HTML5 también deja de lado algunas etiquetas: , , , , , </strong>, y un puñado de otros.</p><p>La especificación completa de los estándares para HTML5 está planeada para completarse en 2014, pero HTML5 ya ha hecho muchos progresos y se puede usar para implementar las características del sitio incluso hoy en día. La especificación completa de los estándares para HTML5.1 está prevista para 2016.</p><h2>¿Por qué HTML5 importa para ti?</h2><p>Como usuario web, se beneficiará de HTML5 porque soluciona los problemas más evidentes en HTML4. Los sitios web tendrán mejores estándares web, lo que dará como resultado un contenido más eficiente y un mejor rendimiento. A medida que se adopta HTML5 en todos los ámbitos, las páginas web deben comenzar a cargarse más rápido, se debe usar menos ancho de banda y la duración de la batería en los dispositivos móviles 7 maneras de aumentar la vida útil de la batería de su teléfono celular [iPhone, Android, otros teléfonos inteligentes] 7 formas de mejorar su Vida útil de la batería del teléfono celular [iPhone, Android, otros teléfonos inteligentes] Por mucho, una de las características más decepcionantes en casi todos los teléfonos inteligentes en estos días es la duración de la batería, que para la mayoría de nosotros requiere al menos una carga por período de 24 horas. ¿Eres un ... Leer más debería durar más tiempo.</p><p>Además, no tendrá que mantener actualizados tantos complementos como Flash y Java. Odio cuando tengo que actualizar constantemente tantos complementos y complementos en varios navegadores. ¿Y qué pasa cuando una de ellas es la versión incorrecta? Los sitios dejan de funcionar y surge la frustración. Todo eso debería resolverse cuando HTML5 se convierta en el estándar principal..</p><p><img src="//ephesossoftware.com/img/images/what-is-html5-and-how-does-it-change-the-way-i-browse-[makeuseof-explains]_4.jpg"></p><p>Si solo eres un usuario web habitual y no tienes intenciones de codificar o mantener tu propio sitio web, entonces no tienes que hacer nada para disfrutar de las increíbles funciones de HTML5. Todos los principales navegadores de hoy en día admiten HTML5 en gran medida y probablemente ya lo estés aprovechando sin saberlo. Simplemente mantenga su navegador actualizado y estará listo para comenzar.</p><p>Y si eres un desarrollador web, HTML5 hará que todo sea más simple y más fácil para ti. Si todo va bien, no tendrá que lidiar con casos de vanguardia en el diseño web, ya que todos los navegadores deberán cumplir con los mismos estándares..</p><h2>Conclusión</h2><p>HTML5 es el futuro de la navegación web y seguramente revolucionará la forma en que navegamos por Internet. Incluso bajo la naturaleza limitada de HTML4, los desarrolladores han creado algunos sitios web alucinantes, por lo que será interesante ver qué tipo de avances claros harán con la funcionalidad de HTML5..</p><p>Esperemos que ahora puedas ver HTML5 en una luz más clara y ver por qué se ha promocionado tanto como lo ha hecho. También puede mejorar su aprendizaje en estos diez sitios web que le muestran qué HTML5 tiene que ver con 10 sitios web para ver qué HTML5 es todo sobre 10 sitios web para ver qué HTML5 es todo acerca de Leer más. También debes consultar nuestro tutorial de HTML5 para obtener más información. Si tiene alguna pregunta, pregunte en los comentarios y haré todo lo posible para responderle..</p><p><small>Créditos de imagen: HTML5 a través de Shutterstock, código HTML a través de Shutterstock, HTML5 Tag Cloud a través de Shutterstock, Guy On Laptop a través de Shutterstock</small></p> <p><small>Explore más acerca de: HTML, HTML5, programación, desarrollo web.</small></p> </div> <div class="rek-block"> <center> <ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-3810161443300697" data-ad-slot="3145557800"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </center> </div> <div class="row PageNavigation d-flex justify-content-between font-weight-bold"> <a class="prev d-block col-md-6" href="/articles/security/what-is-hsts-and-how-does-it-protect-https-from-hackers.html"> « ¿Qué es HSTS y cómo protege HTTPS de los hackers?</a> <a class="next d-block col-md-6 text-lg-right" href="/articles/technology-explained/what-is-http2-and-how-does-it-affect-the-internets-future.html">¿Qué es HTTP / 2 y cómo afecta el futuro de Internet? » </a> <div class="clearfix"></div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer"> <div class="site-langs-list"> <ul> <li class="site-lang"><a href="https://ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-DE"></i>Deutsch</a></li> <li class="site-lang"><a href="https://nl.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-NL"></i>Nederlands</a></li> <li class="site-lang"><a href="https://sv.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-SE"></i>Svenska</a></li> <li class="site-lang"><a href="https://no.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-NO"></i>Norsk</a></li> <li class="site-lang"><a href="https://it.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-IT"></i>Italiano</a></li> <li class="site-lang"><a href="https://fr.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-FR"></i>Français</a></li> <li class="site-lang"><a href="https://es.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-ES"></i>Español</a></li> <li class="site-lang"><a href="https://ro.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-RO"></i>Românesc</a></li> </ul> </div> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-6 text-center text-lg-left"> © <script> var currentTime = new Date(); var year = currentTime.getFullYear(); document.write(year); </script> <a href="https://es.ephesossoftware.com">es.ephesossoftware.com</a> </div> <div class="col-md-6 col-sm-6 text-center text-lg-right"> <span>¡Noticias del mundo de la tecnología moderna!</span> </div> </div> </div> </footer> </div> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#edeff5", "text": "#838391" }, "button": { "background": "#4b81e8" } }, "theme": "classic", "position": "bottom-right" })}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="https://unpkg.com/simple-jekyll-search@1.5.0/dest/simple-jekyll-search.min.js"></script> <script> SimpleJekyllSearch({ searchInput: document.getElementById('search-input'), resultsContainer: document.getElementById('results-container'), json: '/search.json', searchResultTemplate: '<li><a href="{url}">{title}</a></li>' }) </script> </body> </html>