4

Tanto si pongo

<strong><a href="enlace.html">ENLACE</a></strong>

como

<a href="enlace.html"><strong>ENLACE</strong></a>

voy a obtener el mismo resultado a nivel visual, ¿pero a nivel de buenas prácticas, hay un orden predefinido en el que se deben de escribir los elementos en HTML?

Lo pregunto porque en lenguajes como Java, los modificadores se pueden poner en cualquier orden pero se aconseja ponerlos en un orden determinado:

public / private / protected -> abstract -> static -> final -> transient -> volatile -> **default** -> synchronized -> native -> strictfp

¿Hay alguna especificación en HTML que recomiende un orden determinado de los elementos?

2

1 respuesta 1

3

De acuerdo con la especificación de semántica de la W3C un elemento strong1 esta destinado para:

  • Denotar contenido que el usuario debe ver antes que el resto
  • Denotar un aviso de advertencia o precaución
  • Urgencia, seriedad e importancia del contenido a mostrar

Ahora si revisamos la doc.2 de Mozilla Developer sobre la etiqueta anchor <a>, tiene su razón de existir para:

  • Enlazar a páginas web externas
  • Elementos internos del mismo sitio
  • Emails
  • etc.

Entonces la opción que considero con base en lo anterior, la mas adecuada sería:

<a href="enlace.html"><strong>ENLACE</strong></a>

Teniendo:

  • Etiqueta HTML -> etiqueta strong ->contenido a resaltar o dar mayor importancia

Para que de esta forma, resaltemos la importancia de uno de los enlaces que tienes el cual tiene como texto NOMBRE.

Lo anterior pues así estás:

  • Indicando relevancia mayor de este enlace por sobre los anteriores
  • Te interesa que tenga mas sentido de urgencia el texto de esta ancla por sobre las demás

Ejemplo basándome en la especificación de la W3C

Deseo mostrar al usuario un párrafo donde va a tener mayor énfasis o importancia solicitarle que revise la documentación oficial quedando asi:

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>Ejemplo</title>
    </head>
    <body>
    <section>
      <h1>Hola Mundo</h1>
      <p>
        el siguiente texto es mas relevante
        <strong>Continua investigando en la especificación de la W3C</strong>
      </p>
    </section>
    </body>
    </html>

Referencias

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.