• HTML 5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos

.

• Algunos de ellos son técnicamente similares a las etiquetas <div> y <span>, pero tienen un significado semántico, como por ejemplo <nav> (bloque de navegación del sitio web) y <footer>.

• Otros elementos proporcionan nuevas funcionalidades a través de una interfaz estandarizada, como los elementos <audio> y <video>. • Mejoras en el elemento <canvas>, capaz de renderizar en algunos navegadores elementos 3D. • Algunos elementos de HTML 4.01 han quedado obsoletos, incluyendo elementos puramente de presentación, como <font> y <center>, cuyos efectos son manejados por el CSS.

En HTML4 el manejo de DIV es abusiva, puesto que es muy necesaria (obligatoria) para estructurar una web en bloques. HTML5 brinda varios elementos que facilitan e incluso perfeccionan la estructuración de una web y eliminando así varios DIV innecesarios.

<section>…</section> Se utiliza para representar una sección “general” dentro de un documento o aplicación. Puede contener subsecciones y si lo acompañamos de etiquetas h1 – h6 podemos estructurar mejor toda la página creando jerarquías del contenido, algo muy favorable para el posicionamiento de la web.

<article>…</article> Es la composición autónoma en un documento, página, aplicación, o sito web con la intensión de que pueda ser reutilizado y repetido. Cuando los elemento de <article> son anidados, los elementos de <article> interiores representan los artículos que en principio son relacionados con el contenido del artículo externo.

<aside>…</aside> Representa un sección de la página que abarca un contenido tangencialmente relacionado con el contenido que lo rodea, por lo que se le puede considerar un contenido independiente. <header>…</header> Representa un grupo de artículos introductorios o de navegación.

<nav>…</nav> Representa una sección de una página que es un link a otras páginas o a partes dentro de la página. Una sección con links de navegación. <footer>…</footer> Representa el pié de una sección, información acerca de la página. con

El elemento input adquiere gran relevancia al ampliarse los elementos permitidos en “type” • • • • • • • • <input <input <input <input <input <input <input <input type=“search”> type=“number”> type=“range”> type=“color”> type=“tel”> type=“url”> type=“email”> type=“date”>

• • • • •

<input <input <input <input <input

type=“month”> type=“week”> type=“time”> type=“datetime”> type=“datetime-local”>

<audio> y <video> Son nuevos elementos que permitirán incrustar un contenido multimedia de sonido o de video. Es una de las novedades más importantes e interesantes, ya que sin necesidad de plugins se podrá reproducir y controlar audio y video.

<embed> Se emplea para contenido incrustado que necesita plugins como por ejemplo Flash.

<canvas> Este es un elemento complejo que permite que se generen gráficos al hacer dibujos en su interior.

Sign up to vote on this title
UsefulNot useful