Forma mas semantica de poner titulo a una lista.

[cpucpu]

No me decido cual es la forma mas correcta de hacerlo.

Código HTML:

<h4>Titulo de lista</h4>
<ul>
    <li>elemento de lista</li>
    <li>elemento de lista</li>
    <li>elemento de lista</li>
</ul>

<ul>
    <li><h4>Titulo de lista</h4></li>
    <li>elemento de lista</li>
    <li>elemento de lista</li>
    <li>elemento de lista</li>
</ul>
        
<ul>
    Titulo de lista
      <ul>
        <li>elemento de lista</li>
        <li>elemento de lista</li>
        <li>elemento de lista</li>
    </ul>
</ul> 

Alguna idea?

[Daniel Ulczyk]

Iniciado por cpucpu

No me decido cual es la forma mas correcta de hacerlo.

No existe nada más semántico para tal efecto que un header
El nivel del mismo—obviamente—estará en correspondencia con los h que lo preceden.

[cpucpu]

No pues no te entendi la verdad. Ya se que h2 sigue de un h1 si es a lo que te referias.

[Daniel Ulczyk]

Mi respuesta está en línea con el título del thread

Forma mas semantica de poner titulo a una lista

Ya que en el cuerpo del mismo, sólo ponés un markup de HTML; entonces ¿la pregunta es...?

[angelAparicio]

La primera. La tercera no valida correctamente, así que descartada. La segunda tampoco, porque el título no es un elemento. Tal vez lo veas más semántico si lo metes todo en un div:

Código HTML:

<div id="mi_lista">
    <h4>Titulo de lista</h4>
    <ul>
        <li>elemento de lista</li>
        <li>elemento de lista</li>
        <li>elemento de lista</li>
    </ul>
</div>
 

[cpucpu]

@Daniel Ulczyk
Tal ves tenias la respuesta correcta, pero simplemente no te habia entendido, a eso me referia.

@angelAparicio, gracias ahora me queda mas claro.

Gracias a ambos.