Hoe toe te wijzen en te gebruiken anker HTML?

topic Vandaag wordt verankerd HTML zijn. Dit element zorgt voor een snelle overgangen binnen de pagina, evenals in externe documenten. Ankers worden vaak gebruikt door webontwikkelaars. Als ze helpen om een geschikte locatie te organiseren voor lezers. Het artikel krijgt een gedetailleerde beschrijving van dit element, en voorbeelden van effectief gebruik.

beschrijving

Anchor HTML - het is een soort van een uniek tabblad webpagina. Hij heeft altijd een individuele naam die niet moet worden herhaald op dezelfde pagina. Het belangrijkste doel van een anker - een snelle overgang van een deel van een document naar een andere, naar een specifieke locatie. Bijzonder effectief dit element brengt, als de webpagina is groter. Vanwege dit, de gebruikers lastig om de inhoud van de site te lezen. En anker in een HTML-pagina zorgt voor een snelle overgang.

toewijzing

Als u een bladwijzer aan twee verschillende methoden kunnen hier worden gebruikt creëren. De eerste is om het attribuut Naam te gebruiken, en in het tweede geval moet u de ID attribuut. Vervolgens kijken we bij elke methode afzonderlijk. De overgang optreedt in beide gevallen door middel van «a» label waarvan de eigenschap heeft de naam of identificator. Bijvoorbeeld: «a href = http: // site / article / 106.223 /% E2% 80% 9D # footer% E2% 80% 9D% C2% BB. De # symbool vertelt de browser dat de koppeling verankerde zal brengen.

naam

Kenmerk Name is speciaal ontworpen om een anker op een pagina te maken. De waarde kan een tekst zijn. Deze HTML anker kan alleen worden gebruikt in combinatie met tag «a».

Bijvoorbeeld wil je een bladwijzer te maken aan het einde van de pagina. U moet de tag «a name = "footer"» «/ a» in het gewenste deel van een web document te plaatsen. In een ander gebied van de pagina die u nodig hebt om een koppeling te maken naar een anker, voor dit doel, kan een regel «a href = http: // site / article / 106.223 /% E2% 80% 9D # footer"»de verwijzing«/ a». Wanneer u op dit punt browser brengt u automatisch naar dat deel van het document waar sprake is van tab Footer.

ID

Ten eerste, laten we zeggen dat ID - een identificatie die geen directe doel voor het maken van ankers heeft. Maar het laat je bookmarks in alle delen van het document te maken zonder extra links. Dat wil zeggen, kunt u de ID-kenmerk gebruiken om een HTML-element. Vervolgens met behulp van «a» verwijzen naar een tag op. Hier is een voorbeeld: het element «p» is gelegen in het midden van het document. Om naar het van het begin van de pagina zonder gebruik te maken van de schuifbalken, voeg het attribuut ID: «p id = 'centr'» «/ p». Maak vervolgens een link: «a href = http: // site / article / 106.223 /% E2% 80% 9D # centr% E2% 80% 9D% C2% BB% D0% A2% D0% B5% D0% BA% D1 % 81% D1% 82% C2% AB% 2fa% C2% BB. Zo hebben we gemakkelijke toegang tot alle delen van het document. De waarde van een ID-kenmerk kan een tekst zijn.

efficiënt gebruik

De HTML-link anker wordt vaak gebruikt voor de bouw van de navigatie-instrument. Bijvoorbeeld, de pagina heeft een enorme hoeveelheid tekstuele informatie, die op zijn beurt is onderverdeeld in aparte paragrafen of hoofdstukken. Om bezoekers was het handig om de site te gebruiken, kunt u overschakelen naar een apart deel van het document dat u wilt een bookmark toe te wijzen. Daartoe elk hoofdstuk een link anker, of gebruik de ID. Een top navigatiebalk zal doen met de inhoud van alle links. Een interessant feit is dat het anker kan worden verwezen vanuit andere webpagina's. Het is genoeg om toe te voegen aan het eind van de referentiewaarde van de Naam of ID attributen. Vergeet niet om toe te voegen het symbool #. Het schema ziet er dan als volgt uit: de belangrijkste verbinding # naam (id).

conclusie

Anchor HTML - het is zeer nuttig en in sommige gevallen zelfs noodzakelijk element. In dit artikel heb ik slechts één voorbeeld van het effectief gebruik gepresenteerd. Maar in feite is dit soort bladwijzers kunnen worden gebruikt in vele situaties. Het belangrijkste ding - om hun idee te begrijpen.