Hoe het HTML-anker correct toe te wijzen en te gebruiken?

Het onderwerp van vandaag is het HTML-anker. Dit element maakt snelle overgangen zowel op de pagina als in externe documenten mogelijk. Ankers worden vaak gebruikt door webontwikkelaars. Omdat ze helpen bij het organiseren van een website die handig is voor lezers. Het artikel geeft een gedetailleerde beschrijving van dit element en voorbeelden van effectief gebruik.

beschrijving

Een HTML-anker is een soort unieke bladwijzerwebpagina. Het heeft altijd een eigen naam, die niet op één pagina mag worden herhaald. Het belangrijkste doel van het anker is om snel van het ene deel van het document naar het andere te springen, naar een specifieke locatie. Bijzonder effectief dit element brengt, wanneer de webpagina groot is. Hierdoor voelen gebruikers zich ongemakkelijk om de inhoud van de site te lezen. En het anker op de HTML-pagina zorgt voor een snelle overgang.

toewijzing

Om zo'n bladwijzer op de pagina te maken, kunt ugebruik twee verschillende methoden. De eerste is om het kenmerk Naam te gebruiken en in het tweede geval moet u het ID-kenmerk gebruiken. Vervolgens zullen we elke methode afzonderlijk bekijken. De overgang gebeurt in beide gevallen met de tag "a", waarvan het kenmerk een naam of een ID bevat. Bijvoorbeeld: "a href =" # footer "". Het # -symbool vertelt de browser dat de link zal worden verankerd.

naam

Het kenmerk Naam is speciaal gemaakt om een ​​anker op de pagina te maken. De waarde ervan kan elke tekst zijn. Dit HTML-anker kan alleen worden gebruikt in combinatie met de tag "a".

U wilt bijvoorbeeld aan het einde een bladwijzer makenjouw pagina. U moet de tag "a name =" footer "" / a "in het gewenste gedeelte van het webdocument plaatsen. In een ander gedeelte van de pagina moet u een koppeling naar het anker maken, hiervoor voegt u het item "a href =" # footer "" link "/ a" toe. Wanneer u op dit item klikt, gaat de browser automatisch naar het gedeelte van het document waar het voetteksttabblad zich bevindt.

ID

Allereerst is het de moeite waard te vermelden dat ID isEen identifier die geen direct doel heeft om ankers te maken. Maar hiermee kunt u bladwijzers maken in het hele documentgedeelte zonder extra links te maken. Dat wil zeggen, u kunt het ID-kenmerk toepassen op elk HTML-element. En dan, verwijzend naar de "a" -tag. Hier is een voorbeeld: het element "p" bevindt zich in het midden van het document. Om het vanaf het begin van de pagina te gebruiken zonder schuifbalken te gebruiken, voegt u het ID-kenmerk toe: "p id =" centr "" "/ p". Maak vervolgens een link: "a href =" # centr "" De tekst is "/ a". Zo krijgen we snel toegang tot elk deel van het document. De waarde van het ID-kenmerk kan elke tekst zijn.

Effectief gebruik

In HTML wordt de ankerschakel vaak gebruiktconstructie van documentnavigatie. Een pagina heeft bijvoorbeeld een enorme hoeveelheid tekstuele informatie, die op zijn beurt is verdeeld in afzonderlijke paragrafen of hoofdstukken. Om het bezoekers gemakkelijk te maken om de site te gebruiken, moet u bladwijzers toewijzen om snel naar een afzonderlijk deel van het document te gaan. Om dit te doen, maken we in elk hoofdstuk een ankerlink of gebruiken ID-ID's. En vanaf de bovenkant maken we een navigatiebalk met de inhoud van alle links. Een interessant feit is dat u kunt verwijzen naar ankers van andere webpagina's. Het volstaat om de waarde van de Name- of ID-attributen aan het einde van de link toe te voegen. Vergeet niet het # -symbool toe te voegen. Het schema ziet er in dit geval er als volgt uit: hoofdlink # naam (id).

conclusie

Een HTML-anker is erg handig en in sommigegevallen, zelfs het noodzakelijke element. In het artikel presenteerde ik slechts één voorbeeld van het effectieve gebruik ervan. Maar in feite kan dit soort bladwijzers in veel situaties worden gebruikt. Het belangrijkste is om hun belangrijkste idee te begrijpen.