Hoe te wijzen en te gebruiken anker HTML?

click fraud protection

Vandaag onderwerp zal verankerd HTML zijn.Dit element maakt een snelle overgangen binnenpagina's en externe documenten.Ankers worden vaak gebruikt door webontwikkelaars.Omdat ze helpen bij het organiseren van een lezer-vriendelijke site.Het artikel wordt daadwerkelijk gegeven gedetailleerde beschrijving en voorbeelden van dit element.

Beschrijving

Anchor HTML - het is een soort van een unieke bladwijzer een webpagina.Hij heeft altijd een individuele naam die niet moet worden herhaald op dezelfde pagina.Het hoofddoel van een anker - een snelle overgang van een deel van een document naar een andere, naar een specifieke locatie.Een bijzonder onderdeel van de effectiviteit van deze brengt, wanneer de website groter.Hierdoor gebruiker ongemakkelijk de inhoud van de site.En het anker in de HTML pagina maakt snelle overgang.

Opdracht

Om een ​​bladwijzer op de pagina kunt u twee verschillende methoden te creëren.De eerste is het gebruik van het attribuut naam, en in het tweede geval is het noodzakelijk om een ​​attribuut id.Vervolgens zullen we kijken naar elke methode afzonderlijk.De overgang in beide gevallen met de tag «een», die attribuut bevat de naam of id.Bijvoorbeeld: «a href =" # voettekst "».De # symbool vertelt de browser dat de link verankerde zal brengen.

Naam

Naam attribuut is specifiek ontworpen om een ​​anker op een pagina te creëren.De waarde kan een tekst zijn.Deze HTML anker mag alleen worden gebruikt in combinatie met de tag «een».

voorbeeld wilt u een bladwijzer te maken aan het einde van de pagina.U moet de tag «een naam =" footer "» «/ a» in het gewenste deel van een web-document te zetten.In een ander gebied van de pagina die u nodig hebt om een ​​koppeling naar het anker te maken, voeg een vermelding voor deze «a href =" # footer "» de verwijzing «/ a».Door te klikken op het item browser brengt u automatisch naar dat deel van het document, dat is het tabblad Footer.

ID

Om te beginnen is dat ID te zeggen - een identificatiecode die geen directe doel ankers te maken heeft.Maar het laat je bookmarks in het gehele gebied van het document te maken zonder het creëren van extra schakels.Dat is, kunt u de ID-attribuut gebruiken om enig element van HTML.Dan, met behulp van de tag «een» verwijzen.Hier is een voorbeeld: een element van «p» is in het midden van het document.Te gaan om het vanaf het begin van de pagina zonder gebruik te maken van de schuifbalken, voeg een attribuut ID: «p id =" centr "» «/ p».Maak vervolgens een link: «a href =" # centr "» Tekst «/ a».Zo hebben we gemakkelijke toegang tot alle delen van het document.De waarde van een ID-attribuut kan elke tekst zijn.

Effectief gebruik

In HTML-link anker wordt vaak gebruikt voor de bouw van de navigatie-instrument.Bijvoorbeeld, de pagina een enorme hoeveelheid tekstinformatie, die op zijn beurt onderverdeeld in afzonderlijke punten of hoofdstukken.Om bezoekers was het handig om de site te gebruiken voor een snelle overgang naar een apart deel van het document dat u de bladwijzer wilt toewijzen.Hiertoe elk hoofdstuk een koppeling anker of gebruik het ID identifiers.Een bovenste navigatiebalk zal doen met de inhoud van alle links.Een interessant feit is dat het anker kan worden opgeroepen vanuit andere webpagina's.Het is genoeg om toe te voegen aan het einde van de referentiewaarde van het attribuut Naam of ID.Vergeet niet om de # symbool toe te voegen.De regeling in dit geval lijkt de belangrijkste schakel # naam (id) zijn.

Conclusie

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