{"id":263024,"date":"2023-01-03T13:51:00","date_gmt":"2023-01-03T10:51:00","guid":{"rendered":"https:\/\/inform.click\/razones-para-cambiar-a-html5-y-ejemplos-que-lo-defienden-aun-mas\/"},"modified":"2023-01-03T13:51:00","modified_gmt":"2023-01-03T10:51:00","slug":"razones-para-cambiar-a-html5-y-ejemplos-que-lo-defienden-aun-mas","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/razones-para-cambiar-a-html5-y-ejemplos-que-lo-defienden-aun-mas\/","title":{"rendered":"Razones para cambiar a HTML5 y ejemplos que lo defienden a\u00fan m\u00e1s"},"content":{"rendered":"

\n Un tramo virtuoso de la innovaci\u00f3n, HTML5 es de hecho una tecnolog\u00eda que ha tra\u00eddo sangre nueva al g\u00e9nero del desarrollo de sitios web. Ya sea que desee que su sitio web cuente con funcionalidades que cambian de forma o desee que haga alarde de un atractivo visual abrumadoramente hermoso, HTML5 hace el trabajo por usted, y de la manera m\u00e1s formidable.\n<\/p>\n

\n Si bien esta plataforma hizo su incursi\u00f3n en el \u00e1mbito del desarrollo web hace bastante tiempo, no hay escasez de webmasters que no la tengan en su lista de \u00ablas 3 mejores herramientas preferidas\u00bb cuando se trata de crear un sitio web. Y una gran parte de estos webmasters ya est\u00e1n utilizando otras plataformas para su sitio web, por lo que comprometen una variedad de funciones que HTML5 podr\u00eda haber integrado en sus sitios web.\n<\/p>\n

\n 1 Da rienda suelta a las almas creativas
\n<\/h5>\n

\n La innovaci\u00f3n es la se\u00f1a de identidad de los grandes dise\u00f1adores y desarrolladores, y cuando aparece una herramienta que les permite ejercitar su creatividad sin l\u00edmites, hay que apostar por ella. HTML5 encaja a la perfecci\u00f3n y de la manera m\u00e1s s\u00f3lida. Como marco de desarrollo web, HTML5 es s\u00faper personalizable, lo que permite que los profesionales del dise\u00f1o se expresen. Entonces, cuando estar a la vanguardia est\u00e1 en su agenda, el vag\u00f3n de HTML5 est\u00e1 ah\u00ed para atraparlo.\n<\/p>\n

\n 2 El soporte de video muy mejorado est\u00e1 ah\u00ed para tomar
\n<\/h5>\n

\n El soporte de video se ha mejorado mucho con el nuevo video incrustado HTML5 para los navegadores. Dado que no todos los navegadores admiten diversos formatos como H.264, cuando desee mostrar un video HTML5, debe utilizar lo siguiente:\n<\/p>\n

<video controls=\"\" preload=\"\"><code>     <source src=\"cohagenPhoneCall.ogv\" type=\"video\/ogg; codecs='vorbis, theora'\" \/><\/code>          \n
\n  Your browser does not support the format. Download this format.<\/a>\n<\/p><\/video><\/code><\/pre>\n
\n  3 Le permite crear sitios web \u00abpara dispositivos m\u00f3viles\u00bb, en lugar de obligarlo a crear m\u00faltiples versiones
\n<\/h5>\n
\n  Inicie sesi\u00f3n en el an\u00e1lisis de su sitio, rasque un poco la superficie y observe las plataformas de sistema operativo de las que obtiene la mayor\u00eda de sus visitas. Te sorprender\u00e1 ver que la mayor\u00eda de tus visitas provienen de usuarios m\u00f3viles, a diferencia de las cifras que exist\u00edan hace un a\u00f1o, cuando probablemente ten\u00edas m\u00e1s usuarios de escritorio en tu sitio web. Por lo tanto, es mucho m\u00e1s recomendable crear un sitio web para dispositivos m\u00f3viles que crear un sitio web centrado en el escritorio y luego crear una versi\u00f3n compatible con dispositivos m\u00f3viles del mismo. Y HTML5 hace que sea un ejercicio muy eficiente para crear sitios web hechos para dispositivos m\u00f3viles que conservan su atractivo visual cuando se accede a ellos en pantallas m\u00e1s peque\u00f1as y se adaptan al tama\u00f1o reducido sin arrojar compatibilidad o problemas de respuesta.\n<\/p>\n
\n  4 El enrevesado tipo de documento XHTML da paso a una versi\u00f3n m\u00e1s f\u00e1cil y menos engorrosa
\n<\/h5>\n
\n  Para decirlo sin equ\u00edvocos, el doctype XHTML no ha sido visto con pasi\u00f3n por la comunidad de desarrolladores. Y la raz\u00f3n de lo mismo es m\u00e1s que evidente con la forma en que est\u00e1 escrito como:\n<\/p>\n
nbsp;   \"http:\/\/www.xyz.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"><\/code><\/pre>\n
\n  HTML5 ha hecho que la declaraci\u00f3n sea mucho m\u00e1s breve y comprensible para los desarrolladores:\n<\/p>\n
\n  5 atributos que se pueden detectar de forma m\u00e1s intuitiva
\n<\/h5>\n
\n  En primer lugar, los atributos que utiliza en su programa deben poder determinar sin problemas si los navegadores los detectan adecuadamente. HTML5 le da a estos atributos los medios para hacer exactamente eso. La biblioteca Modernizr demuestra ser una herramienta ingeniosa, pero hay otras formas, como crear los elementos antes de diseccionarlos. De esta manera, ser\u00e1 f\u00e1cil evaluar la capacidad del navegador.\n<\/p>\n
\n  6 Tiene su conjunto de correcciones para IE
\n<\/h5>\n
\n  Ah, bueno, Internet Explorer es visto desapasionadamente por la comunidad de Internet en todo el mundo, y por razones muy justificadas. Como era de esperar, IE tiene sus propios problemas para lidiar con los nuevos elementos que HTML 5 incorpora. Por lo tanto, dise\u00f1ar estos elementos de manera que sean m\u00e1s comprensibles para este navegador es importante para dar un sentido de estructura a la forma en que los elementos HTML5 est\u00e1n alineados como elementos de nivel de bloque:\n<\/p>\n
header, footer, article, section, nav, menu {\n   display: block;\n}<\/code><\/pre>\n
\n  Ahora, existe la posibilidad de que Internet Explorer siga siendo un dolor de cabeza, ya que es posible que no est\u00e9 familiarizado con el elemento de encabezado. Por lo tanto, el estilo en HTML5 corre el riesgo de ser ignorado descaradamente. Dicho esto, hay una soluci\u00f3n f\u00e1cil para lo mismo:\n<\/p>\n
document.createElement(\"article\");\ndocument.createElement(\"footer\");\ndocument.createElement(\"header\");\ndocument.createElement(\"nav\");\ndocument.createElement(\"menu\");<\/code><\/pre>\n
\n  7 Geolocalizaci\u00f3n
\n<\/h5>\n
\n  La geolocalizaci\u00f3n es, sin lugar a dudas, la caracter\u00edstica principal de HTML5. Lo que hace es que te arroja los valores matem\u00e1ticos que representan las coordenadas de la ubicaci\u00f3n de tu usuario. Estas coordenadas de ubicaci\u00f3n se calculan utilizando el navegador que el visitante est\u00e1 utilizando para acceder al sitio web.\n<\/p>\n
\n  8 C\u00f3digo libre de desorden y mucho m\u00e1s comprensible
\n<\/h5>\n
\n  Siempre se recomienda escribir programas que sean limpios, f\u00e1ciles de comprender y escritos de la manera m\u00e1s reutilizable. HTML5 hace todo esto posible, y m\u00e1s al facilitar un c\u00f3digo que es altamente sincr\u00f3nico, sem\u00e1ntico y te da la libertad de trazar una l\u00ednea entre el estilo y el contenido para que se entiendan f\u00e1cilmente. Un c\u00f3digo de encabezado est\u00e1ndar con navegaci\u00f3n se ve as\u00ed:\n<\/p>\n
\n  \u00a0<\/code><\/p>\n
\n    Header Text<\/code>
\n  <\/h1>\n
\u00a0<\/code><\/p>\n
\n    \u00a0\u00a0<\/code><\/p>\n
    \n         <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
       <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
       <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
      \n    <\/ul>\n
    \u00a0<\/code>\n  <\/div>\n<\/div>\n
    \n  Si bien puede argumentar que el c\u00f3digo es bastante simple, veamos qu\u00e9 puede hacer HTML5 con \u00e9l:<\/code>\n<\/p>\n
    \n  \u00a0<\/code><\/p>\n
    \n    Header Text<\/code>
    \n  <\/h1>\n
    \u00a0<\/code><\/p>\n