{"id":509,"date":"2010-08-03T16:12:50","date_gmt":"2010-08-03T20:12:50","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/ylambert\/?p=509"},"modified":"2010-08-03T16:35:21","modified_gmt":"2010-08-03T20:35:21","slug":"html5-versus-html4-vayamos-actualizando-nuestros-navegadores","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/ylambert\/2010\/08\/03\/html5-versus-html4-vayamos-actualizando-nuestros-navegadores\/","title":{"rendered":"HTML5 VERSUS HTML4, VAYAMOS ACTUALIZANDO NUESTROS NAVEGADORES"},"content":{"rendered":"

\"\"Hoy quiero comentar sobre este lenguaje de codificaci\u00f3n en su \u00faltima versi\u00f3n HTML5<\/strong>, recuerdo que comenc\u00e9 por los a\u00f1os 2001 a aprender HTML, en la universidad me lo ense\u00f1aron en el Bloc de notas, mi profesor fue el Lcdo. Luis Rodriguez; as\u00ed que a\u00fan tengo presente como se hacen las p\u00e1ginas web sin los editores de c\u00f3digo como Adobe DreamWeaver<\/strong>, yo lo use desde cuando le pertenec\u00eda a la empresa Macromedia<\/strong>, recuerdo desde las estructura b\u00e1sica usando la marca \u00a0<HTML>, <HEAD>,<BODY>\u00a0 y muchas para texto, im\u00e1genes, colores, marcos, tablas, formularios, la verdad que me defiendo bien usando este lenguaje es texto, sin usar al famoso DreamWeaver<\/strong>; pero que a la larga lo necesitamos, todo esto usando HTML4 y 4.01.<\/strong><\/p>\n

\"\"Hoy escuchamos en muchos medios la normativa del HTML5 y todo un impulso para que nos actualicemos a navegadores que lo soporten como firefox y safari<\/strong>, y \u00bfque cosas de bueno trae?; te comentare algunas de ellas, las m\u00e1s importantes a mi parecer; ser\u00e9 bastante t\u00e9cnico en este aspecto.<\/p>\n

    \n
  1. Uso de etiquetas espec\u00edficas<\/strong> como <header> no confundirla con la etiqueta <head>, barras de navegaci\u00f3n con <nav>,\u00a0 creaci\u00f3n de secciones con <section>, para el auge de los blog tenemos <article>, contenido relacionado podemos usar <aside>, para conversaciones de texto tenemos <dialog>, y para definir el pie de p\u00e1gina <footer>.<\/li>\n
  2. Poder reproducir audio y video sin necesidad de Plug-in<\/strong>, como en el caso de Flash, tenemos las marcas <audio> y <video> esta es una de sus fuertes carcateristicas.<\/li>\n
  3. Aplicaciones offline<\/strong>, es decir la posibilidad de trabajar con aplicaciones web sin estar conectados al internet.<\/li>\n
  4. El uso de Lienzo o Canvas<\/strong>, usamos <canvas>, y con ello los desarrolladores tenemos un mont\u00f3n de posibilidades ya que podemos incluir script , dibujar o hacer representaciones 2D.<\/li>\n
  5. Y por supuesto algunas etiquetas se han eliminado<\/strong> como por ejemplo <font>, <b>, y <center>; y todo lo que es frames o marcos <frameset> y <frame>; adem\u00e1s de la etiqueta <applet>, ya que esto se resuelve con CSS o etiquetas de agregados como <embed><\/li>\n<\/ol>\n

    Si desean conocer la normativa completa <\/strong>recomiendo visitar este sitio: http:\/\/dev.w3.org\/html5\/spec\/Overview.html<\/a>, para mi lectores esto significa una internet mas dinamica de lo que ya nos ofrecia html 4 con Css y Ajax, asi que HTML5 es el presente y futuro (claro hasta que saquen html6,7,8,9,..n \u00bfNO?).<\/strong><\/p>\n

    \"\"Si quieres probar si tu navegador soporta los est\u00e1ndares<\/strong> y de una vez por todas dejes a Internet Explorer, existe la prueba ACID 3<\/strong>, visita la p\u00e1gina y esta le da una puntaci\u00f3n sobre el 100%, mi Firefox se califica con 94\/100, Safari con 100\/100, prueba con Internet Explorer.<\/p>\n

    http:\/\/acid3.acidtests.org\/<\/a><\/p>\n

    \n\t\t\t
    \n\t\t\t\n\t\t\t\t\n\t\t\t\t
    Escuchaeste post<\/a><\/div>\n\t\t\t<\/div><\/form>","protected":false},"excerpt":{"rendered":"

    Hoy quiero comentar sobre este lenguaje de codificaci\u00f3n en su \u00faltima versi\u00f3n HTML5, recuerdo que comenc\u00e9 por los a\u00f1os 2001 a aprender HTML, en la universidad me lo ense\u00f1aron en el Bloc de notas, mi profesor fue el Lcdo. Luis Rodriguez; as\u00ed que a\u00fan tengo presente como se hacen las p\u00e1ginas web sin los editores […]<\/p>\n","protected":false},"author":135,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[296],"tags":[22494,22492,18249,22493,2205,22490,22491],"class_list":["post-509","post","type-post","status-publish","format-standard","hentry","category-tecnologia","tag-acid3","tag-adobe-dreamweaver","tag-body","tag-head","tag-html","tag-html4","tag-html5"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/posts\/509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/users\/135"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/comments?post=509"}],"version-history":[{"count":6,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/posts\/509\/revisions"}],"predecessor-version":[{"id":511,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/posts\/509\/revisions\/511"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/media?parent=509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/categories?post=509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/tags?post=509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}