Hoe een link in HTML te verbergen
Als u een link in HTML verbergt, is dit praktisch onbruikbaar voor gemiddelde gebruikers die uw webpagina bezoeken. En als de persoon die uw website bezoekt een oude browser gebruikt, zullen sommige methoden om links in HTML te verbergen eenvoudigweg niet werken. Maar als u een kleine schattenjacht wilt doen of verborgen functies wilt toevoegen, soms oproepen "Paaseieren" (Paaseieren), naar uw site, het verbergen van links kan u helpen dit te bereiken. Er is echter een basiskennis van HTML en het schrijven van codes nodig om deze wijzigingen te implementeren.
Inhoud
stappen
Methode 1
Verander de kleur van het lettertype van de link
1
Open de code van uw webpagina en zoek de link. Door de code in te voeren die u voor uw website hebt geschreven, kunt u de koppeling vinden die u in de code hebt ingevoerd en de kleurwaarden ervan aanpassen aan de achtergrondkleur van de pagina. Door dit te doen, maakt u de code onzichtbaar tegen de camouflage tegen de achtergrondkleur.
2
Zoek de hex-code van de juiste kleur. HTML, CSS en andere coderingstalen gebruiken een hexadecimale code van drie bytes en zes cijfers om de kleur weer te geven. U moet de hexadecimale code vinden voor de kleur die overeenkomt met de achtergrondkleur, maar een aantal van de meest voorkomende hex-codes zijn de volgende:
3
Pas de code aan Wanneer u de koppeling vindt die u in de code van uw webpagina wilt verbergen en de hex-code van de kleur wilt hebben, kunt u de kleur van uw link wijzigen. Gebruik hiervoor de volgende code en voeg de link in die u wilt verbergen en de hexadecimale code van de kleur, indien van toepassing:
4
Gebruik de functie "zoeken" om te controleren of de code werkte. Hoewel de koppeling al is verborgen, kunnen u en andere gebruikers de koppeling vinden met behulp van de functie van "zoeken" in uw browser. Zelfs als uw link normaal, gezien, actief of de cursor boven de link staat, moet de link onzichtbaar blijven.
Methode 2
Gebruik CSS op basis van klassen
1
Voeg een klasse- of ID-kenmerk toe aan uw link. U kunt dit doen door extra informatie op te nemen in de tag van uw link. Zoek de koppelingstag en neem de juiste code op voor de ID of klasse. De code zou er als volgt uit moeten zien:
- class = link.com
- id = link.com
2
Maak een CSS-regel voor uw klasse of ID. U kunt verwijzen naar de naam die u hebt gemaakt met een "." voor klassen of het symbool van "#" voor de identifier. De code zou er als volgt uit moeten zien:
3
Verander de manier waarop het wordt weergegeven of de zichtbaarheid. Beide functies hebben het effect van het verbergen van de link, maar elke functie verbergt de link anders. Door de manier te veranderen waarop het lijkt "elk", u verwijdert de ontwerplink van de pagina. Hierdoor kunnen andere elementen van uw pagina worden verplaatst als hun positie wordt gedefinieerd door de link. Verander de zichtbaarheid naar "verborgen" zal de link verbergen zonder het ontwerp van de pagina te beïnvloeden. De code op dit punt zou er eenvoudig uit moeten zien:
4
Controleer heel goed dat de code goed geschreven is. Als u de code verkeerd schrijft, kunnen er fouten optreden op de webpagina of kunt u zeer belangrijke elementen in het ontwerp wijzigen. De uiteindelijke HTML en CSS zouden er als volgt uit moeten zien:
class = Link.com>link
.Link.com {
display: niet-
}
tips
- Dit is ongelooflijk handig als je links ergens anders met jаvascript wilt weergeven, maar je wilt niet dat gebruikers zien dat ze zijn geladen.
waarschuwingen
- Sommige bedrijven die internetzoekmachinediensten aanbieden, zien het gebruik van verborgen HTML-links om zoekrangschikkingen te manipuleren als een ethische overtreding "webmaster".
Delen op sociale netwerken:
Verwant
- Hoe een hyperlink met HTML toe te voegen
- Hoe het handelsmerksymbool in HTML toe te voegen
- Hoe een achtergrond van een website toevoegen
- Hoe maak je een link om `terug naar het begin` te maken
- Een afbeeldingslink maken in HTML
- Hoe maak je een vervolgkeuzelijst in HTML zonder Java
- Hoe te detecteren of jаvascript niet is ingeschakeld
- Hoe een HTML-linkknop maken
- Hoe een webpagina hacken met HTML
- Hoe een Word-document op uw website te plaatsen
- Hoe een YouTube-video in te voegen op uw webpagina
- Hoe digitale tijd in HTML kan worden weergegeven
- Hoe een reactie op een blog posten met een link opgenomen
- Hoe u Google Maps aan uw website of blog toevoegt
- Hoe een achtergrond van een blog toevoegen
- Hoe een pagina aan Blogger toe te voegen
- Tekst en afbeeldingen in HTML uitlijnen
- Hoe de inhoud van een webpagina met CSS te centreren
- Hoe een tekst in HTML-taal te centreren
- Hoe te reageren in HTML
- Hoe een link te maken