Novedades en HTML5, HTML5 Incorpora nuevas etiquetas de carácter semántico y que nos ayudan a definir la estructura. Por ejemplo "footer", para el pie de página. Nuevos controles para formularios que antes sólo eran posibles con JavaScript o CSS. Soporta audio y vídeo de forma nativa. Ya no es necesario el uso de comillas dobles en los atributos, siendo posible algo como: "div id=contenedor"Esto es un div. No hay una sintaxis tan estricta y no es necesario cerrar las etiquetas vacías, por lo que por lo que "br" sería válido. Etiqueta doctype simplificada. Podemos dibujar con etiquetas como "canvas". Se han eliminado etiquetas y atributos no necesarios como los "frames" . Ahora las etiquetas html, head y body no son obligatorias. Las etiquetas de tablas thead, tbody y tfoot tampoco son obligatorias.
Las novedades que incorpora CSS3 prentenden que el diseñador tenga un mayor control sobre el diseño, dejando de recurrrir a trucos que normalmente complican el código. Para ello incorpora nuevas propiedades que permiten hacer algunas cosas que no podíamos con CSS2, estas son algunas: Varias imágenes de fondo CSS3 permite poner varias imágenes de fondo en un mismo elemento, sin tener que recurrir al truco de crear varios elementos superpuestos con una imagen cada uno. También incorpora nuevas propiedades para el fondo de los elementos. Esquinas redondeadas Una de las características más demandadas por los diseñadores es poder crear esquinas redondeadas sin tener que usar trucos o poner imágenes. CSS3 incorpora una nueva propiedad que permite redondear las esquinas de las áreas de la página. Bordes con imágenes Otra característica de CSS3 es poder poner imágenes en los bordes de los elementos. Podemos poner una imagen simple o repetida que se distribuye alrededor del elemento, ocupando todo el borde. Sombras La posibilidad de crear sombras en los elementos es otra característica de CSS3. Podemos poner una o varias sombras en un elemento. Además también podemos poner sombra a los textos. Transparencias de color Con CSS3 no sólo podemos poner elementos semitransparentes, sino que también podemos poner la transparencia en el color. Cada color y cada elemento puede adquirir un grado de transparencia que va desde el color sólido al transparente total. Texto en varias columnas. La posibilidad de poner el texto en varias columnas es un hecho con CSS3, el texto se distribuye en columnas sin necesidad de hacer más divisiones en la página. Otras novedades en el texto La posiblidad de partir las palabras con guiones, tal como ocurre en el texto de un libro es una posibilidad, que aunque todavía no adoptada por todos los navegadores está también en CSS3. Otra novedad es poder instalar el tipo de letra (fuente) que queremos que se vea en la propia página, de manera que aunque el usuario no la tenga instalada en su ordenador, éste la pueda ver. Nuevo modelo de cajas flexibles Además de los modelos de posicionamiento absoluto y relativo, y de cajas flotantes, aparece un nuevo modelo de estructurar los elementos: el modelo de cajas flexible. Éste todavía no está acabado de definir, pero algunos navegadores ya lo soportan de forma experimental. Nuevos Selectores En CSS3 también aparecen nuevos selectores, Estos selectores permiten seleccionar los elementos de una manera más específica, La mayoría de ellos indican la posición del elemento seleccionado respecto de su elemento padre. Animaciones Sin duda la gran novedad de CSS3 es la posibilidad de crear animaciones. Podemos crear animaciones para nuestras páginas con un resultado similar al que podemos tener con programas como "flash", y además sin necesidad de instalar plugins en el ordenador del usuario. Las animaciones se crean enteramente desde CSS3. Es decir, no necesitamos saber javascript ni ningún otro lenguaje de programacion para crear animaciones, que con un poco de creatividad pueden resultar atractivas. A esto dedicaremos otro manual, ya que una cosa es conseguir una animación simple, y otra ver las posibilidades que tienen las animaciones. Ventajas e inconvenientes. Las ventajas son obvias: CSS3 no elimina nada de lo que ya existía en CSS2, y además crea nuevas posibilidades para poder dar un aspecto más dinámico a la página. La sintaxis del lenguaje en sí no cambia, ya que se sigue basando en reglas compuestas de selectores y propiedades. Lo que hace es ampliarse, para dar cabida a nuevas tendencias de diseño que hay hoy en la web. Como inconveniente tenemos que CSS3 se ha adelantado a las empresas, fundaciones, o entidades que diseñan los principales navegadores, de forma que primero sale la "idea" de una nueva estructura en CSS3 y después los diferentes navegadores en sus nuevas versiones tienen que introducirla en ella. Por lo tanto los navegadores tienen que adaptarse a las nuevas formas que se definen en CSS3. Por suerte, parece que la mayoría de los navegadores están adoptando las nuevas formas que aparecen en CSS3, la mayoría de los principales navegadores en sus nuevas versiones se han adaptado para soportar gran parte del nuevo código que aparece en CSS3, sin embargo este es un problema temporal, ya que con el tiempo todos los navegadores tendrán que adaptarse para soportar CSS3.
