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

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ă.

descriere

Ancora HTML este un fel de marcaj unic pentru o pagină 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 o pagină, puteți utiliza 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".

De exemplu, doriți să creați un marcaj la sfârșitul paginii. 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ă spus că ID-ul este un 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.

Utilizarea eficientă

În Referință HTML anchor Acesta este adesea folosit pentru a construi navigarea documentelor. 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 face convenabil pentru vizitatori să utilizeze site-ul, trebuie să atribuiți marcajele pentru a sari rapid la o parte separată a documentului. Pentru aceasta, î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 ancora HTML este foarte utilă și, în unele cazuri, chiar un element esențial. Î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ă.