Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Diseño Gráfico (http://www.forosdelweb.com/f6/)
-   -   Semantica en bloques/párrafos (http://www.forosdelweb.com/f6/semantica-bloques-parrafos-617347/)

elfopower 22/08/2008 01:09
Semantica en bloques/párrafos
 
Estoy creando un directorio, actualmente tengo esta estructura:

Cita:
Mi lugar
Dirección del lugar
Teléfono del lugar
País

Más información
Que sería esto:

Cita:
<div>
<h2>Mi lugar</h2>
<p>Dirección del lugar<br />
Teléfono del lugar<br />
<em>País</em></p>
<ul>
<li><a href="mi-lugar.html" title="titulo">Más información</a></li>
</ul>
</div>
Es correcta? estaba buscando información acerca de semantica y encuentro un ejemplo que aplicado a lo que estoy haciendo quedaria así:

Cita:
<div>
<h2>Mi lugar</h2>
<p>Dirección del lugar</p>
<p>Teléfono del lugar</p>
<p><em>País</em></p>
<ul>
<li><a href="mi-lugar.html" title="titulo">Más información</a></li>
</ul>
</div>
Que daría resultado esto:

Cita:
Mi lugar

Dirección del lugar

Teléfono del lugar

País

Más información
Cual de los dos es correcto?

A criterio personal en la estructura que actualmente uso tiene un quiebre de linea (br) porque la información pertenece a un mismo párrafo o bloque de información.

La segunda opción la veo muy "separada" (con css se puede reducir el espacio, pero no es el objetivo para mi), es información diferente pero ya visualizandola para mi no me parece bien.

Agradeceré sus comentarios, me tiene con una duda muy grande esto y antes de seguir avanzando más, me gustaría poder tomar una decisión de como dejar la estructura de esta información.

Saludos cordiales.

benz0 22/08/2008 11:44
Respuesta: Semantica en bloques/párrafos
 
No sé si será mucho contenido para un <li> pero se podría probar algo así:

Código:
<ul>
        <li>
                <h2>Mi lugar</h2>
                <p>Dirección del lugar</p>
                <p>Telefono del lugar</p>
                <p>País</p>
                <p class="mas">Más información</p>
        </li>
        <li>
                <h2>Mi lugar</h2>
                <p>Telefono del lugar</p>
                <p>Telefono del lugar</p>
                <p>País</p>
                <p class="mas">Más información</p>
        </li>
</ul>
Al parrafo se le daría un estilo para estar más junto y crearía una clase por ejemplo "mas" para el último parrafo.

Un saludo.

Mikmoro 22/08/2008 17:06
Respuesta: Semantica en bloques/párrafos
 
Cita:
Iniciado por elfopower (Mensaje 2544213)
Cual de los dos es correcto?
Si hablas de semántica... ¿realmente tus líneas son párrafos? Yo diría que no. Yo lo pondría con los BR, en caso de tener que elegir una de las dos opciones.

elfopower 22/08/2008 19:29
Respuesta: Semantica en bloques/párrafos
 
Gracias benz0 y Mikmoro,

Mikmoro entonces, me recomiendas:

Cita:
<div>
<h2>Mi lugar</h2>
<p>Dirección del lugar<br />
Teléfono del lugar<br />
<em>País</em></p>
<ul>
<li><a href="mi-lugar.html" title="titulo">Más información</a></li>
</ul>
</div>
Saludos.

Mikmoro 23/08/2008 05:05
Respuesta: Semantica en bloques/párrafos
 
Sí. A no ser que sean datos tabulados que podrías presentar en una tabla, yo lo haría así.

elfopower 23/08/2008 15:03
Respuesta: Semantica en bloques/párrafos
 
Excelente, gracias por tu sugerencia.
Saludos.


La zona horaria es GMT -6. Ahora son las 03:20.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.