bitmarketing.es utiliza cookies para mejorar tu experiencia de navegación y realizar tareas de análisis. Al continuar con tu navegación entendemos que das tu consentimiento a nuestra política de cookies
Aprende con BIT Usabilidad y Diseño

Adaptar nuestra web a HTML 5

Volver al blog

Google ha adaptado todas sus páginas a la versión 5 de HTML pero no ha incluido las nuevas etiquetas como <footer>. A continuación os dejo un listado con los nuevos tags que actualmente hay y hasta que el gran buscador no de el paso porque pueden surgir problemas con los navegadores antiguos, mejor que nosotros tampoco demos ese paso o algunos de nuestros usuarios no podrán visitar nuestra página web con normalidad.

Ahora mismo es de los más restrictivos en cuanto a código a la hora de validarlo y eso a Google le gusta, porque si cumplimos los estándar del W3C, nuestra página podrá ser usada en más navegadores y adaptada por aquellos otros que necesiten una accesibilidad especial.

Como siempre es recomendable utilizar la herramienta del Validator W3C para que la página sea perfectamente visible en todos aquellos exploradores como Firefox, el cual respeta la nomenglatura.

TagDescripcion
<article>Definir un articulo.
<aside>Define contenido aparte del contenido de la página.
<bdi>Aísla una parte de texto que puede estar formateado en distinta dirección desde otro texto fuera de ahí
<command>Define un botón de comando que el usuario puede invocar.
<details>Define detalles adicionales que un usuario puede ver u ocultar.
<summary>Define una cabecera visible para un elemento <details>.
<figure>Especifica contenido auto-explicativo como ilustraciones, diagramas, fotos o listas de código, etc.
<figcaption>Define un titulo para un elemento <figure>
<footer>Define un footer para un documento o sección.
<header>Define un header para un documento o sección.
<hgroup>Agrupa un conjunto de cabeceras <h1> a <h6> cuando un encabezado tiene múltiples niveles
<mark>Define un texto marcado o resaltado
<meter>Define una medida con un rango conocido.
<nav>Define enlaces de navegación.
<progress>Representa el progreso de una tarea.
<ruby>Define una anotación en ruby (para la zona Este de Asia y su tipografía).
<rt>Define una explicacion/pronunciacion de caracteres (Este de Asia y su tipografía).
<rp>Define que mostrar en el caso de que el navegador no soporte anotaciones en ruby.
<section>Define una sección.
<time>Define una fecha/hora.
<wbr>Define un posible corte.
MEDIA
<audio>Define un contenedor de sonido.
<video>Define un vídeo o una película.
<source>Define múltiples recursos de media como <video> o <audio>.
<embed>Define un contenedor para una aplicación externa o un contenido interactivo (plug-in).
<track>Define la lista de tracks para vídeo o audio.
CANVAS
<canvas>Usado para dibujar gráficos al vuelo vía scripting (normalmente JS)
FORMULARIOS
<datalist>Specifies a list of pre-defined options for input controls
<keygen>Defines a key-pair generator field (for forms)
<output>Defines the result of a calculation

Elementos eliminados de la versión 4.01

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>

Deja un comentario

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