Juguemos a Diagramar 3

[pzin]

Iniciado por ryugen

El enlace es hacia la sub lista, lo cual lo hace más semántico y accesible al mismo tiempo, porque al navegarlo te lleva directamente a su contenido.

No me había fijado.

Aunque sigo pensando que no es adecuado poner un enlace donde no va un enlace. Que forme parte de la lista no significa que forme parte de la lista de enlaces. Es un elemento más que no es, o no debería, ser un enlace.

La cuestión es que con CSS se le puede dar la forma que se quiera a la cosa negra, poner un cursor, :hover, etc. Por eso, habiendo posibilidades de no poner un enlace no necesario no veo razón para ponerlo.

Quedándose la cosa en algo así:

Código HTML:

<nav>
    <ul>
        <li>
            <span>ABC</span>
            <ul id="abc">
                <li><a href="#jkl">JKL</a></li>
                <li><a href="#rst">RST</a></li>
                <li><a href="#xyz">XYZ</a></li>
            </ul>
        </li>
        <li>
            <span>DEF</span>
            <ul id="def">
                <li><a href="#mnñ">MNÑ</a></li>
                <li><a href="#uvw">UVW</a></li>
            </ul>
        </li>
        <li>
             <a href="#ghi">GHI</a>
        </li>
    </ul>
</nav>
 

Sea el dispositivo que sea, actuará igual con span que con a.