Inspeccionar un ejemplo de enlace oculto

Simulación visual local. No se escanea ni modifica ningún sitio; las URL son código inerte.

Cambiar de caso restaura el original. Mostrar ayuda a inspeccionar; no repara un sitio real. Sin JavaScript puede leer los seis casos y descargar los archivos.

El atributo hidden

Significado del patrón

hidden normalmente impide mostrar el elemento, pero CSS puede sobrescribir ese comportamiento.

Qué inspeccionar en su página

Examine elemento, antecesores y display calculado; el código no representa por sí solo el resultado final.

Siguiente paso

Confirme por qué existe la referencia antes de cambiar la plantilla o el contenido.

Original

Ancla presente en el ejemplo: Sí

<a href="https://reference.example/guide" hidden>Guía de referencia</a>

Mostrar para inspeccionar

Ancla presente en el ejemplo: Sí

<a href="https://reference.example/guide">Guía de referencia</a>

Eliminar referencia de ejemplo

Ancla presente en el ejemplo: No

<p>Guía de referencia</p>
Una regla display:none

Significado del patrón

El ancla permanece en HTML mientras su regla display elimina la caja.

Qué inspeccionar en su página

Revise regla aplicada, procedencia y antecesores que puedan ocultar la sección.

Siguiente paso

Quite una referencia no deseada del contenido o plantilla que la genera y compruebe la página publicada.

Original

Ancla presente en el ejemplo: Sí

<a href="https://reference.example/guide" style="display:none">Guía de referencia</a>

Mostrar para inspeccionar

Ancla presente en el ejemplo: Sí

<a href="https://reference.example/guide">Guía de referencia</a>

Eliminar referencia de ejemplo

Ancla presente en el ejemplo: No

<p>Guía de referencia</p>
Una regla visibility:hidden

Significado del patrón

El ejemplo es invisible, aunque su espacio puede conservarse.

Qué inspeccionar en su página

Revise visibility calculada, heredada o sobrescrita; una captura no demuestra ausencia del enlace.

Siguiente paso

Corrija la regla responsable solo si la visibilidad es el cambio buscado y documente el motivo.

Original

Ancla presente en el ejemplo: Sí

<a href="https://reference.example/guide" style="visibility:hidden">Guía de referencia</a>

Mostrar para inspeccionar

Ancla presente en el ejemplo: Sí

<a href="https://reference.example/guide">Guía de referencia</a>

Eliminar referencia de ejemplo

Ancla presente en el ejemplo: No

<p>Guía de referencia</p>
Una referencia transparente

Significado del patrón

Opacity cero vuelve transparente el ejemplo sin eliminar el ancla del código.

Qué inspeccionar en su página

Revise opacity del elemento y antecesores, además del destino. Ausencia visual no equivale a ausencia en el DOM.

Siguiente paso

Investigue origen y propósito; no declare eliminado el enlace hasta que desaparezca el ancla.

Original

Ancla presente en el ejemplo: Sí

<a href="https://reference.example/guide" style="opacity:0">Guía de referencia</a>

Mostrar para inspeccionar

Ancla presente en el ejemplo: Sí

<a href="https://reference.example/guide">Guía de referencia</a>

Eliminar referencia de ejemplo

Ancla presente en el ejemplo: No

<p>Guía de referencia</p>
Un desplegable cerrado

Significado del patrón

El contenido de details cerrado puede estar disponible intencionadamente mediante summary.

Qué inspeccionar en su página

Abra el desplegable y examine referencia, finalidad y HTML final; oculto inicialmente no significa spam.

Siguiente paso

Conserve el comportamiento útil. Investigue un destino inesperado por separado del componente.

Original

Ancla presente en el ejemplo: Sí

<details><summary>Referencia complementaria</summary><a href="https://reference.example/guide">Guía de referencia</a></details>

Mostrar para inspeccionar

Ancla presente en el ejemplo: Sí

<details open><summary>Referencia complementaria</summary><a href="https://reference.example/guide">Guía de referencia</a></details>

Eliminar referencia de ejemplo

Ancla presente en el ejemplo: No

<details><summary>Referencia complementaria</summary><p>Guía de referencia</p></details>
Texto de accesibilidad recortado

Significado del patrón

El texto recortado visualmente puede servir a tecnologías de asistencia; compruebe ese propósito.

Qué inspeccionar en su página

Examine nombre accesible, controles cercanos y foco con herramientas adecuadas.

Siguiente paso

No elimine texto accesible útil solo por ser invisible. Corrija el destino no deseado en su origen.

Original

Ancla presente en el ejemplo: Sí

<a href="https://reference.example/guide" style="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap">Guía de referencia</a>

Mostrar para inspeccionar

Ancla presente en el ejemplo: Sí

<a href="https://reference.example/guide">Guía de referencia</a>

Eliminar referencia de ejemplo

Ancla presente en el ejemplo: No

<p>Guía de referencia</p>