diseño web html5 css3

7 razones para utilizar HTML5 en diseño web

HTML5 es la versión más actual del lenguaje de etiquetas HTML, el lenguaje con el que están creados todos los documentos que conocemos como «página web».

Si bien el W3C ya publicó en diciembre de 2012 una definición completa de la especificación HTML5, todavía no lo considera un estándar, aunque sí se ha convertido en un estándar de facto.

HTML5, junto con la versión 3 de las hojas de estilos (CSS3), es la base fundamental del diseño «responsive» o diseño adaptativo. Una nueva forma de diseñar sitios web orientada a que los contenidos se puedan visualizar en cualquier dispositivo: ordenadores, tablets y smartphones.

Aquí tenéis 10 razones para utilizar HTML5 a la hora de crear un sitio web:

1. La definición del tipo de documento es mucho más sencilla en HTML5:  <!DOCTYPE html>

2. HTML5 no distingue entre minúsculas y mayúsculas.

3. La definición del idioma del sitio web también es más sencilla:  <html lang=»es»>

4. Nuevas etiquetas semánticas: Etiquetas equivalentes a <div>, pero que, mediante distintos nombres, nos permiten comprender mejor la estructura de los contenidos de la web:

  • <header> – div para la cabecera
  • <nav> – div para el menú
  • <section> – div para definir secciones
  • <article> – div para los artículos dentro de las secciones
  • <aside> – div para la columna lateral
  • <footer> – div para el pie de página

5. Etiquetas multimedia, pensadas para reproducir vídeo o sonido:

  • <video>
  • <audio>
  • <source>

6. Etiquetas específicas para formularios. HTML5 dispone de muchas etiquetas y atributos que hacen más sencillo diseñar un formulario para que el usuario lo rellene en una web:

  • Campos específicos para ciertos tipos de datos: mail, url, number, tel, date, time, color…
  • Nuevos atributos para mejorar la forma de rellenar el formulario: autofocus, placeholder, required, autocomplete…

Estas nuevas funciones permiten que se pueda crear un formulario para la web con campos obligatorios, campos que se rellenen con cierto tipo de datos, etc. Y sin tener que utilizar JavaScript o Ajax.

7. Etiquetas para crear gráficos vectoriales en una página web:

  • <canvas>
  • <svg>

Hay 0 Comentarios

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Partner 480interactive
¡Compartelo!
  Newsletter
NEWSLETTER

Suscríbete a nuestra Newsletter para recibir en tu e-mail las últimas noticias sobre Diseño y Marketing Online.

* no compartiremos tus datos.
×