Hur Man Förankrar HTML

Innehållsförteckning:

Hur Man Förankrar HTML
Hur Man Förankrar HTML
Anonim

Ankaret på webbplatsen är mycket användbart om du vill att artiklarna på din webbplats ska ha en bekväm övergång mellan listobjekten. De vänder sidan till önskad punkt eller öppnar önskad sida, vilket hjälper användaren att snabbt hitta den information han behöver.

Hur man förankrar HTML
Hur man förankrar HTML

Om du skriver din egen webbplats borde du ha funderat på hur du gör din webbplatsnavigering bekvämare. För att användaren inte behöver söka efter den information han behöver på alla sidor på din webbplats är det bäst att använda "ankare" -tekniken. Det kommer att skapa en länk till all information eller dokument var som helst på din webbplats.

Teori

För att skapa ett ankare behöver du två element:

  • Den del av koden, som anger länken till vårt ankare, kvar i en annan del av webbplatsen.
  • Alla delar av koden där en identifierare kan anges är vårt ankare.

Först måste du skapa den första delen av ankaret - en länk till det. En ankarlänk har två delar: en sidlänk och en ankarlänk.

  1. Skapa en "a" -tagg eller någon annan tagg som stöder attributet "href"
  2. Skapa attributet "href" i den här taggen
  3. Ange en länk till webbplatsens sida i attributvärdet.
  4. Efter länken anger du länken till ankaret med "#" -symbolen och valfritt namn för ankaret (skrivet tillsammans, till exempel: "#anchor")

Om du hoppar över punkt 3 och inte anger en länk till sajtsidan kommer ankaret att sökas efter på den aktuella sidan. Det vill säga om du vill skapa en länk till ett ankare på samma sida kan du utelämna länken till själva sidan.

Det återstår att skapa den andra delen av ankaret - identifieraren. Det refererar till alla taggar i webbplatskoden som stöder id-attributet. För att skapa ett ankare behöver du:

  1. Skapa ett "id" -attribut i önskad tagg.
  2. I attributet "id" anger du värdet på det ankarnamn som angavs i föregående steg. (exempel:)

Efter dessa två steg visas en länk på webbplatsen som tar dig till angivet ankare.

Öva

Låt oss överväga hur man skapar ett ankare med hjälp av ett specifikt exempel.

Vi har en enkel sida så här:

Bild
Bild

Vi har text längst upp och längst ner på sidan, massor av "br" -taggar som skapar utrymme mellan texterna. Vi måste skapa ett ankare så att vi snabbt kan titta på texten längst ner.

För att göra detta skapar du en ny tagg - "a" efter inskriptionen "text högst upp". I den skapar vi attributet "href". För att göra ankaret bekvämare skriver vi "ner" i länken.

Bild
Bild

Nu anger vi värdet "#yakor" i attributet - detta kommer att vara en länk till namnet på ankaret.

Bild
Bild

Den första delen av ankaret - länken till det - är klar. Nu återstår bara att skapa själva ankaret. Vi passerar till önskad del av sidan. I det här fallet är det "text längst ner". Eftersom detta är enkel text utan tagg måste vi skapa den. För att göra detta, bifoga texten i ett "avsnitt" - tagg "p".

I den här taggen skapar vi attributet "id" och anger värdet "yakor" i det. Värdet "yakor" matchar ankarnamnet som angavs i länken.

Bild
Bild

Nu fungerar vårt ankare som det ska.

Rekommenderad: