Cum să atribuiți și să utilizați corect 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. Pentru că ele 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 Nume, 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ărei atribut conține un nume sau un identificator. De exemplu: "a href = http: // site / article / 106223 /% E2% 80% 9D # footer% E2% 80% 9D% C2% BB. 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, va trebui să creați un link către ancora, pentru aceasta adăugați intrarea "a href = http: // site / article / 106223 /% E2% 80% 9D # footer". Când faceți clic pe acest element, browserul vă duce automat către partea din document unde este localizată fila Subsol.

ID - ul

În primul rând, merită menționat faptul că ID-ul este un identificator care nu are ca scop direct crearea de 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 linkul: "a href = http: // site / article / 106223 /% E2% 80% 9D # centru% E2% 80% 9D% C2% BB% D0% A2% D0% B5% D0% BA% D1 % 81% D1% 82% C2% AB% 2Fa% C2% BB. Astfel, avem acces rapid la orice parte a documentului. Valoarea atributului ID poate fi orice text.

Utilizare eficientă

În HTML, link-ul de ancorare este foarte des folosit pentru a construi navigarea în 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 face convenabil pentru vizitatori să folosească site-ul, 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. Interesant este faptul că ancorele pot fi menționate de alte pagini web. Este suficient să adăugați valoarea atributelor Nume sau ID la sfârșitul linkului. Nu uitați să adăugați simbolul #. Schema în acest caz ar trebui să arate astfel: link principal # nume (id).

concluzie

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 de a înțelege ideea lor principală.