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 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".
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 din documentul web de care aveți nevoie. În altă zonă a paginii va trebui să creați un link către ancora, pentru a face acest lucru, adăugați intrarea "a href =" # footer "" link "/ a". Când faceți clic pe acest element, browserul vă va duce automat la partea din document unde este localizată fila Footer.
ID-ul
Pentru început, merită spus că ID-ul esteUn identificator care nu are scopul direct de a crea ancore. Dar vă permite să creați marcaje pe întreaga zonă a documentului fără a crea link-uri suplimentare. Asta este, puteți aplica atributul ID la orice element HTML. Apoi folosiți eticheta "a" pentru ao face referire. Iată un exemplu: elementul "p" este în mijlocul unui document. Pentru a merge la el de la începutul paginii fără a utiliza barele de defilare, adăugați ID-ul atributului: "p id =" centr "" "/ p". Apoi, creați un link: "a href =" # centr "" Text "/ a". Astfel, avem acces rapid la orice parte a documentului. Valoarea atributului ID poate fi text arbitrar.
Utilizarea eficientă
În HTML, legăturile de ancorare sunt foarte des folositeconstrui 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, pentru a vă deplasa rapid la o parte separată a documentului, trebuie să atribuiți marcaje. Pentru a face acest lucru, vom crea o legătură de ancoră în fiecare capitol sau vom folosi identificatori de identificare. Și pe partea de sus vom face o bară de navigare cu conținutul tuturor legăturilor. Un fapt interesant este 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 legăturii. Nu uitați să adăugați caracterul #. Schema din acest caz ar trebui să arate astfel: linia principală este # nume (id).
concluzie
HTML anchor este foarte util și în unelecazuri chiar și un element 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ă.
