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.