typestar

Destinos y relaciones de los enlaces en HTML

Los atributos que dicen dónde abre un enlace y para qué sirve.

<a href="https://example.com/docs" target="_blank"
   rel="noopener noreferrer">Docs (opens in a new tab)</a>

<a href="/reports/july.pdf" download="july-report.pdf">
  Download the July report
</a>

<a href="https://social.example/@ada" rel="me">My profile</a>
<a href="https://example.com/sponsor" rel="nofollow sponsored">Sponsor</a>

Cómo funciona

  1. target="_blank" necesita rel="noopener" salvo que confíes en la página.
  2. download guarda el archivo en vez de navegar hacia él.
  3. rel="nofollow" y rel="me" describen la relación, no el destino.

El intento, en números

Líneas
9
Caracteres a escribir
331
Tokens
59
Ritmo de tres estrellas
65 tpm

Al ritmo de tres estrellas de 65 tokens por minuto, este intento toma unos 54 segundos.

Escribe este fragmento

Paso 3 de 7 en Enlaces e imágenes; paso 18 de 28 en Estructura del documento.

← Anterior Siguiente →