Suscríbase a nuestras RSS
Suscríbase por email
Nosotros no compartiremos su dirección con los demás, le mantendremos informado acerca de todo lo interesante para su empresa.
Artículos relacionados
Servicios relacionados
07
2010
Etiqueta <div> vs las nuevas etiquetas semánticas de HTML5
En esta nueva entrega de HTML5 os hablaremos de un tema que preocupa a muchos; qué papel jugará la etiqueta <div> en la nueva actualización de HTML.
Hasta el momento la etiqueta div se ha utilizado para delimitar las distintas secciones de navegación en el sitio web. Como era de esperar, los nuevos elementos semánticos que incorpora la nueva versión de HTML serán las herederas de la genérica <div>.
Sin embargo, todavía podemos encontrar algunas aplicaciones para nuestra querida etiqueta, principalmente utilizaremos la etiqueta <div> en los casos en que tengamos que aplicar estilos concretos o simplemente cuando no tengamos ninguna otra etiqueta semántica a la que recurrir.
Estas son algunas de las aplicaciones:
- Imagina que quieres crear un bloque que destaque sobre los demás elementos de la página, con un estilo determinado y en una posición concreta, se trata de un elemento que funcionaría en paralelo con la estructura de la página, en este caso, tendría sentido utilizar una etiqueta <div>.
- Div como wrapper. Son muchos los que utilizan <div> para acotar el contenido del sitio web, en este caso estaríamos dando un uso apropiado debido a que la única función que le estamos dando está enfocada al estilo.
- Dentro de un párrafo. En un mismo párrafo puede ser interesante marcar una sección del mismo con un estilo distinto, por ejemplo, la introducción.
Para determinar qué elementos utilizar en cada caso es necesario evaluar cuidadosamente el contenido de la página. El buen uso de las etiquetas semánticas ayudará al posicionamiento web. Todos los nuevos elementos que ofrece el HTML5 nos permitirán optimizar la estructura de nuestra web consiguiendo así que sea mucho más comprensible para los buscadores.
No obstante, nuestra querida div siempre estará ahí cuando no sepamos a qué otra recurrir.
- Atributo rel en los enlaces en HTML5 Continuamos con la serie dedicada al HTML5, que nos abre...
- Nuevas Incorporaciones en Onetomarket Onetomarket, agencia de marketing online interactivo, ha ampliado su plantilla...
- Características de HTML 5 Desde que salió a la luz la noticia sobre la...
- Introducción al HTML 5 Elementos básicos de la nueva actualización de HTML...
- Optimización contenidos (SEO): Aumenta el tráfico a su web Al plantearse la optimización de contenidos para buscadores, priorice la...
Sobre Equipo Onetomarket
Agencia de marketing online
Denos su opinión.
