Cum Să Ancorați HTML

Cuprins:

Cum Să Ancorați HTML
Cum Să Ancorați HTML

Video: Cum Să Ancorați HTML

Video: Cum Să Ancorați HTML
Video: HTML For Beginner : How to Use Anchor Tag 2024, Mai
Anonim

Ancora pe site este foarte utilă dacă doriți ca articolele de pe site-ul dvs. să aibă o tranziție convenabilă între elementele listei. Întorc pagina în punctul dorit sau deschid pagina dorită, ajutând utilizatorul să găsească rapid informațiile de care are nevoie.

Cum să ancorați HTML
Cum să ancorați HTML

Dacă vă scrieți propriul site, ar fi trebuit să vă gândiți cum să faceți navigarea pe site mai convenabilă. Pentru ca utilizatorul să nu fie nevoit să caute informațiile de care are nevoie printre toate paginile site-ului dvs., cel mai bine este să utilizați tehnica „ancoră”. Acesta va crea un link către orice informație sau document oriunde pe site-ul dvs.

Teorie

Pentru a crea o ancoră, aveți nevoie de două elemente:

  • Partea codului, care indică linkul către ancora noastră, lăsată în altă parte a site-ului.
  • Orice parte a codului în care poate fi specificat un identificator este ancora noastră.

Mai întâi trebuie să creați prima parte a ancorei - un link către aceasta. Un link de ancorare are două părți: un link de pagină și un link de ancorare.

  1. Creați o etichetă „a” sau orice altă etichetă care acceptă atributul „href”
  2. În această etichetă creați atributul „href”
  3. Specificați un link către pagina site-ului în valoarea atributului.
  4. După link, indicați linkul către ancoră folosind simbolul „#” și orice nume pentru ancoră (scris împreună, de exemplu: „#anchor”)

Dacă omiteți punctul 3 și nu specificați un link către pagina site-ului, ancora va fi căutată pe pagina curentă. Adică, dacă doriți să creați un link către o ancoră situată pe aceeași pagină, puteți omite linkul către pagina însăși.

Rămâne să creați a doua parte a ancorei - identificatorul. Se referă la orice etichetă din codul site-ului care acceptă atributul id. Pentru a crea o ancoră, aveți nevoie de:

  1. Creați un atribut „id” în eticheta necesară.
  2. În atributul „id”, specificați valoarea denumirii ancorei care a fost specificată în pasul anterior. (exemplu:)

După acești doi pași, pe site apare un link care vă va duce la ancora specificată.

Practică

Să analizăm cum să creăm o ancoră folosind un exemplu specific.

Avem o pagină simplă ca aceasta:

Imagine
Imagine

Avem text în partea de sus și de jos a paginii, o mulțime de etichete „br” care creează spațiu între texte. Trebuie să creăm o ancoră, astfel încât să putem privi rapid textul din partea de jos.

Pentru a face acest lucru, creați o nouă etichetă - „a” după inscripția „text în partea de sus”. În el creăm atributul „href”. Pentru a face ancora mai convenabilă, vom scrie „jos” în link.

Imagine
Imagine

Acum specificăm valoarea "#yakor" în atribut - acesta va fi un link către numele ancorei.

Imagine
Imagine

Prima parte a ancorei - legătura către aceasta - este gata. Acum nu mai rămâne decât să creăm ancora în sine. Trecem la partea dorită a paginii. În acest caz, este „text în partea de jos”. Deoarece acesta este un text simplu, fără etichetă, trebuie să îl creăm. Pentru aceasta, încadrați textul într-un „paragraf” - eticheta „p”.

În această etichetă creăm atributul „id” și introducem valoarea „yakor” în el. Valoarea „yakor” se potrivește cu numele ancorei specificat în link.

Imagine
Imagine

Acum ancora noastră funcționează așa cum ar trebui.

Recomandat: