Cum să atribuiți corect și să utilizați ancora HTML?

calculatoare

Subiectul actual de discuție va fi ancora HTML. Acest element permite tranziții rapide atât în ​​interiorul paginii, cât și în documentele externe. Ancorele sunt adesea folosite de dezvoltatorii web. Întrucât acestea ajută la organizarea unui site web convenabil pentru cititori. Articolul va oferi o descriere detaliată a acestui element și exemple de utilizare eficientă.

ancora html

descriere

Ancora HTML este un fel de marcaj unicpagina web. Întotdeauna are propriul său nume individual, care nu trebuie repetat pe o singură pagină. Scopul principal al ancorei este să sară rapid dintr-o parte a documentului în altul, într-o anumită locație. Este deosebit de eficient acest element aduce, atunci când pagina web este mare. Din acest motiv, utilizatorii nu se simt confortabil să citească conținutul site-ului. Și ancora pe pagina HTML permite o tranziție rapidă.

atribuire

Pentru a crea un astfel de marcaj pe pagină, putețiutilizați două metode diferite. Primul este să utilizați atributul Name, iar în al doilea caz, trebuie să utilizați atributul ID. Apoi, vom analiza fiecare metodă separat. Tranziția în ambele cazuri are loc utilizând eticheta "a", a cărui atribut conține un nume sau un identificator. De exemplu: "a href =" # footer "". Simbolul # indică browser-ului că ancora link-ul.

nume

Atributul Name a fost creat special pentru a crea o ancoră pe pagină. Valoarea sa poate fi orice text. Această ancoră HTML poate fi utilizată numai împreună cu eticheta "a".

ancora pe pagina html

De exemplu, doriți să creați un marcaj chiar la sfârșitpagina ta. Trebuie să introduceți eticheta "a name =" footer "" / a "în partea dorită a documentului web. În altă zonă a paginii, trebuie să creați un link către ancora, pentru aceasta adăugați intrarea "a href =" # footer "" link "/ a". Când faceți clic pe acest element, browserul vă duce automat la partea din document unde este localizată fila Footer.

ID-ul

Mai întâi de toate, merită menționat faptul că ID-ul esteUn identificator care nu are scopul direct de a crea ancore. Dar vă permite să creați marcaje pe întreaga zonă de document fără a crea legături suplimentare. Asta este, puteți aplica atributul ID la orice element HTML. Apoi, folosiți eticheta "a", consultați-o. Iată un exemplu: elementul "p" este în mijlocul documentului. Pentru a merge la el de la începutul paginii fără a utiliza barele de derulare, adăugați atributul ID: "p id =" centr "" "/ p". Apoi, creați un link: "a href =" # cent "" Textul este "/ a". Astfel, avem acces rapid la orice parte a documentului. Valoarea atributului ID poate fi orice text.

html link anchor

Utilizarea eficientă

În HTML, link-ul de ancorare este foarte des folosit pentruconstruirea de navigație pentru documente. De exemplu, o pagină are o cantitate imensă de informații textuale, care la rândul ei este împărțită în paragrafe sau capitole separate. Pentru a facilita accesul vizitatorilor la site, trebuie să atribuiți marcajele pentru a sari rapid la o parte separată a documentului. Pentru a face acest lucru, în fiecare capitol creăm o legătură ancoră sau folosim identificatori de identificare. Și din partea de sus vom face o bară de navigare cu conținutul tuturor legăturilor. Un fapt interesant este că vă puteți referi la ancorele de pe alte pagini web. Este suficient să adăugați valoarea atributelor Nume sau ID la sfârșitul legăturii. Nu uitați să adăugați simbolul #. Schema în acest caz ar trebui să arate astfel: link principal # nume (id).

concluzie

O ancoră HTML este foarte utilă și în unelecazuri, chiar și elementul necesar. În articol am prezentat doar un exemplu de utilizare eficientă a acestuia. Dar, de fapt, astfel de semne de carte pot fi folosite în multe situații. Principalul lucru este să înțelegem ideea lor principală.