Pregunta semántica sobre separador de artículos

metacortex · #1 (**permalink**) 14/02/2009, 20:02

Estoy maquetando una nueva plantilla para mi blog personal. Quiero colocar un bonito ornamento como separador entre artículo y artículo en el index. Hasta ahora he pensado utilizar la etiqueta <hr /> para tal fin ¿estoy procediento bien o acaso existe alguna otra etiqueta que cumpla con esta función específica?.

Acron_0248 · #2 (**permalink**) 14/02/2009, 20:39

A mi parecer, <hr /> sería suficiente, luego mediante la hoja de estilos lo ornamentas a tu gusto.

Otra opción sería utilizar la etiqueta con una clase definida pero vacía, por ejemplo: y mediante la hoja de estilos usar alguna imagen como fondo de esta etiqueta, lo mismo podría funcionar también utilizando

webosiris · #3 (**permalink**) 15/02/2009, 07:39

personalmente uso HR si quiero hacer incapié en su función de "separador de artículos" y una imagen de fondo de algún div si simplemente es una decoración más.

creo que HR está muy bien

lucasan · #4 (**permalink**) 15/02/2009, 09:51

100% deacuerdo, si quieres tener el separador deberá ser un <hr />, si solo quieres el adorno, yo usaría una imágen de fondo en el <div> de la noticia misma en la parte inferior y le daría un padding-bottom; para no tener que usar un div vacio para la imágen.

Saludos Meta.

Daniel Ulczyk · #5 (**permalink**) 15/02/2009, 09:52

Cita:

Iniciado por Acron_0248

Otra opción sería utilizar la etiqueta con una clase definida pero vacía, por ejemplo: y mediante la hoja de estilos usar alguna imagen como fondo de esta etiqueta

Independientemente que no sería una solución semánticamente correcta.
En la comprobación de la misma, mediante un lector de texto, por ejemplo; se visualizaría como un salto desmezurado, sin sentido. Y la visualización que tendrías de la imagen en un browser, no estaría presente en dicho dispositivo.

Opino en favor del hr

Acron_0248 · #6 (**permalink**) 15/02/2009, 09:56

Tienes toda la razón, gracias por apuntarlo ;)

metacortex · #7 (**permalink**) 15/02/2009, 11:22

Gracias a todos. Al final opté por aplicarle los estilos directo al HR. Si lo desean pueden verlo en darioferrer.com (Ojo, recién comienzo a maquetar el sitio y está hecho un desastre).

A quien pueda interesar, IE6 tiene un serio problema sexual con los bordes de esta etiqueta. No los quita aunque le coloquen border: 0. La explicación para solucionar este lío con CSS se encuentra aquí: http://dhtmldev.com/content/view/13/27/

A su vez otro sitio recomendaba encerrar el HR en una capa y darle display:none, lo cual me pareció una solución un tanto traída de los pelos.

Mikmoro · #8 (**permalink**) 15/02/2009, 13:03

Efectivamente, HR para IE6 (y un poco menos para el resto) es bastante poco manejable.
Tampoco descartaría utilizar simplemente una imagen insertada con la decoración concreta. ¿Qué puede haber más semántico que una imagen para incrustar una imagen decorativa de separación? A mi juicio, así de simple: si uso una imagen puramente decorativa para separar, lo más lógico es usar una imagen, que degradará gracilmente (

) en caso de desactivar las imágenes, usar un navegador de texto o un lector de pantalla, con un simple alt="Separador decorativo".

metacortex · #9 (**permalink**) 22/07/2009, 03:25

Cita:

Iniciado por Mikmoro

Efectivamente, HR para IE6 (y un poco menos para el resto) es bastante poco manejable.
Tampoco descartaría utilizar simplemente una imagen insertada con la decoración concreta. ¿Qué puede haber más semántico que una imagen para incrustar una imagen decorativa de separación? A mi juicio, así de simple: si uso una imagen puramente decorativa para separar, lo más lógico es usar una imagen, que degradará gracilmente (

) en caso de desactivar las imágenes, usar un navegador de texto o un lector de pantalla, con un simple alt="Separador decorativo".

Al final tuve que hacerlo de esa manera. Definitivamente el HR es más semántico debido a su misma razón de existir, pero a lo largo del desarrollo de la maquetación surgieron unos posicionamientos de otras capas que terminaron por arruinar la clase del HR para ie6. En sí la falla es un borde espantoso alrededor de la imagen que no se le quita con nada. Bueno, ya está cambiado por <img>.

Otro triunfo de ese malnacido explorador sobre lo que debería ser correcto.

bex · #10 (**permalink**) 09/08/2009, 16:42

Cita:

Iniciado por metacortex

Otro triunfo de ese malnacido explorador sobre lo que debería ser correcto.

Amen

Mikmoro · #11 (**permalink**) 10/08/2009, 04:46

No os preocupéis: Google anunció que va a dejar de darle soporte en Youtube, y eso es ya su sentencia de muerte. Todas las razones que yo mismo he esgrimido por accesibilidad en contra de los que quieren enterrarlo antes de muerto con medidas restrictivas, se van a quedar en "agua de borrajas" en cuanto youtube haga efectivo no pensar en IE6 a la hora de aplicar sus modificaciones: todo el mundo, pueda o no, va a buscar la manera de actualizar su navegador.

R.I.P. ie6. (ahora sí, creo)

jomaruro · #12 (**permalink**) 06/09/2009, 08:50

Hola:

Cita:

Iniciado por Mikmoro

R.I.P. ie6. (ahora sí, creo)

Dios te oiga.

Saludos.

RBZ · #13 (**permalink**) 08/09/2009, 08:28

¿@Mikmoro tienes algún enlace sobre la noticia?, no dudo de la veracidad, es para difundirlo entre todos los ~~cabezotas~~ conocidos que aún no han cambiado de navegador.

Mikmoro · #14 (**permalink**) 09/09/2009, 05:27

Pues lo leí en "barrapunto".
Cierto es que debería haber puesto el enlace, pero es falta de costumbre de citar noticias, la verdad. Lo siento.
La noticia en barrapunto
Y algunas de las fuentes que se citan en la noticia.
http://www.techcrunch.com/2009/07/14...pport-goodbye/
http://tech.slashdot.org/story/09/07...upport-For-IE6

RBZ · #15 (**permalink**) 10/09/2009, 08:40

Gracias, por el tono de la conversación sobraban los enlaces... yo los necesito porque es una excusa perfecta para volver a dar la tabarra a los que se resisten a jubilar el IE6.