CONSEJOS Y SUGERENCIAS HTLM5 Y CSS
Ventajas y desventajas
Las ventajas del HTML5:
Es nativo, y por tanto independiente de plugins de terceros. Es decir, no pertenece a nadie, es opensource.
Es más semántico, con etiquetas que permiten clasificar y ordenar en distintos niveles y estructuras el contenido. Además, incorpora metadatos de manera más formal, favoreciendo el posicionamiento SEO y la accesibilidad.
El código es más simple lo que permite hacer páginas más ligeras que se cargan más rápidamente favoreciendo la usabilidad y la indexación en buscadores.
Ofrece una compatibilidad mayor con los navegadores de dispositivos móviles.
Incluye la etiqueta de dibujo canvas, que ofrece más efectos visuales.
Ofrece soporte a codecs específicos.
Posibilita la inserción de vídeos y audio de forma directa.
Permite la geolocalización del usuario. Algo muy útil para el marketing móvil.
Tiene la capacidad de ejecutar páginas sin estar conectado.
Incorpora nuevas capacidades Javascript que aumentan la capacidad de almacenamiento. Frente a las cookies que dejaban almacenar algunos kilobytes, ahora se puede conseguir el almacenamiento de entre 5 y 10 megas, dependiendo de la plataforma. Además, se permiten múltiples Javascripts corriendo en paralelo en una misma página.
Dispone de nuevas capacidades CSS3 como posibilidad de usar cualquier fuente o tipografía en HTML, columnas de texto, opacidad, transparencia, canales alpha, contraste, saturación, brillo, animaciones de transición y transformación, bordes redondeados, gradientes, sombras, etc.
Permite realizar diseños adaptables a distintos dispositivos (web, tablets, móviles…)
Desventajas:
Formato de vídeo estándar: por el momento no hay un formato de vídeo compatible con todos los navegadores web y cuando a una plataforma se suben 24 horas de vídeo cada minuto es importante minimizar el número de formatos a soportar.
Control de streaming: el visor de vídeo en Flash permite acceder a partes en concreto del mismo a través de la manipulación de variables que Flash toma e interpreta via Actionscript y que HTML5 no tiene. La etiqueta vídeo de HTML5 muestra un archivo como quien enlaza una foto sin posibilidad de manejar el concepto streaming.
HTML5 aún no cuenta con todas las funcionalidades necesarias para poder incrustar un vídeo en la red con todos los elementos que tiene YouTube actualmente: anotaciones, subtítulos, anuncios, relacionados Además, tampoco pemite reproducir vídeos HTML5 a pantalla completa.
Acceso a cámara y micrófono: La etiqueta video de HTML5 sirve para ver videos, no para interactuar, mientras que Flash lleva una importante ventaja tecnológica al permitir grabar y hacer videoconferencias desde el browser.
Las Ventajas de CSS:
1.- Con una Hoja de Estilo podemos alterar la presentación de cada elemento sin tocar el código HTML, ahorrando esfuerzo y tiempo de edición. De este modo no sólo simplificamos el mantenimiento del sitio sino que además reducimos las posibilidades de cometer errores.
2.- El lenguaje de las CSS ofrece herramientas de composición más potentes que HTML. Más aún, las CSS permiten aplicar prácticamente todas las propiedades a cualquier elemento de la página, mientras que HTML sólo permite un número limitado de propiedades para cada elemento.
3.-Se evita tener que recurrir a trucos para conseguir algunos efectos. Con CSS no es necesario usar imágenes invisibles para hacer una sangría o usar una tabla para ubicar un elemento en determinado lugar de la pantalla (las CSS permiten posicionar con precisión cualquier elemento).
4.-El lenguaje de las Hojas de Estilo, aunque muy potente, es relativamente sencillo y fácil de aprender.
5.-Los documentos que usan CSS generalmente resultan más compactos.
6.-Las Hojas de Estilo pueden aplicarse de varias maneras y combinarse formando una cascada de estilos con la información de cada una.
7.-Pueden usarse con otros lenguajes de programación (como JavaScript) para conseguir efectos dinámicos en las páginas.
8.-Se pueden especificar Hojas de Estilo para diferentes navegadores y tipos de medios (impresos, braille, auditivos, etc.).
9.-El usuario con alguna discapacidad (o simplemente por preferencias) puede definir su propia Hoja de Estilo y la regla !important obliga a su navegador a suplantar la Hoja de Estilo del autor.
Desventajas:
En cuanto a las desventajas en el uso de las Hojas de Estilo, la única de importancia es el soporte irregular que tienen las CSS por parte de los navegadores. Ciertas propiedades que funcionan en un browser no funcionan en otros, o existen diferencias en un mismo navegador según sea para Windows o Mac. También existen diferencias entre distintas versiones de un mismo browser.
Esto puede provocar que:
Nuestra página sea visualizada por el lector con un formato no deseado por nosotros. En todo caso, el navegador aplicará el formato predeterminado y nuestro trabajo de composición habrá sido inútil.
Algunas propiedades de las CSS (como las que afectan la posición o visibilidad de los elementos) pueden provocar que una parte del contenido de nuestra página resulte inaccesible desde ciertos navegadores si no son utilizadas correctamente.
