Link-uri în documente html

Link-urile hypertext sunt o caracteristică distinctivă a publicațiilor WEB hipertext. Introducerea de link-uri hypertext (continuare) vă permite să combinați orice set de documente într-o singură publicație. Ele fac setul de documente legate și structurat, care permite cititorului (utilizatorului) să primească cât mai rapid și mai mult posibil informațiile de care are nevoie.







Linkurile au un format standard, care permite browserului să le interpreteze și să efectueze funcțiile necesare (metode de apel), în funcție de tipul de link.

În terminologia HTML, punctele finale ale legăturilor sunt adesea numite ancore.

Există două capete ale conexiunii (ancora): conexiunea este de la un punct la altul. Acesta din urmă, numit ținta unei legături, este adesea începutul unui document.

Textul asociat (abrevierea HUT) acționează ca o legătură cu un document Web care explică această abreviere și oferă informații despre aceasta. Afișarea textului de comunicare este posibilă în mai multe moduri: textul linkului poate fi subliniat, colorat sau evidențiat în materialul text într-un alt mod. Utilizatorul (cititorul) poate afla cum sunt afișate link-urile în fiecare mediu în parte.

Implicit, un link poate fi asociat cu încărcarea unei alte resurse web. Legătura este, de obicei, declanșată prin selectarea link-ului cu cursorul mouse-ului și apoi prin clic cu butonul stânga al mouse-ului (sau cu ajutorul intrării de la tastatură).

referințe

Fig. 8.25 Vizualizarea link-urilor

Folosind elementul A pentru a crea ancore țintă, puteți scrie:

referințe

introducere

preistorie

Note mai specifice

continuarea conținutului.

corpul documentului.

introducere

.section1.

preistorie

.section2.

Note mai specifice

. secțiunea 2.1.

Vizualizarea codului HTML de mai sus în fereastra browserului este ilustrată în Fig. 8.26.

Fig. 8. 26 Vizualizarea legăturilor create cu elementul A și atributele href și name.

Același efect poate fi obținut prin transformarea anteturilor în antene:

referințe

introducere

preistorie

Note mai specifice

introducere

Note mai specifice

Ultima intrare utilizează atributele href și id. Vizualizarea documentului HTML din fereastra browserului rămâne neschimbată.

Cele mai multe ori, link-urile acum sunt folosite pentru a încărca alte resurse web (așa cum se arată în exemplele anterioare). Pentru referințele care exprimă alte tipuri de relații, unul sau mai multe tipuri de referință sunt specificate în ancora sursă.

Rolurile legăturilor definite de elementele A sau Link. sunt specificate folosind atributele rel și rev. Tipul primei legături este "prev", al doilea este "următorul" (două din mai multe tipuri de linkuri recunoscute).

Pentru a seta anteturile de legătură, utilizați atributul titlu (pentru elementele A și LINK).

Luați în considerare controalele HTML. utilizat la crearea legăturilor.

Elementul de control A este ancora (punctul de referință).

Cu ajutorul acestui tip de elemente de control, se specifică tipurile de referințe înainte și înapoi, sunt specificate codificările de caractere ale resurselor asociate, codul de limbă și alți parametri ai referințelor locale. În intrarea codului HTML, sunt necesare etichetele de început și sfârșit.

- nume = cdata. Acest atribut atribuie un nume ancorei. Valoarea acestui atribut trebuie să fie un nume unic. Domeniul de aplicare al acestui nume se extinde la documentul curent. Acest atribut utilizează un spațiu de nume comun cu atributul id.

- href = URL. Acest atribut specifică locația resursei Web. Definește relația dintre elementul curent (ancora sursă) și ancora țintă.

- hreflang = langcode. Acest atribut specifică limba de bază a resurselor atribuite de atributul href.

- tip = conținut - tip. Acest atribut specifică tipul părții de conținut, de exemplu rezultatul acțiunii inverse a referinței resursei

- rel = link-type. Acest atribut descrie relația de la documentul curent la ancora specificată de atributul href. Valoarea acestui atribut este o listă de tipuri de referință separate de spațiu.

- rev = link - tip. Acest atribut este utilizat pentru a descrie referința din spate din ancora specificată de atributul href. în documentul curent. Valoarea acestui atribut este o listă de tipuri de referință separate de spațiu.

- charset = charset. Acest atribut specifică codificarea caracterelor pentru resursa menționată.







Fiecare element A definește o ancora:

- Conținutul elementului de control A determină poziția armăturii.

- Atributul de nume al acestui element specifică numele ancorei, astfel încât poate servi drept destinație pentru orice număr de linkuri.

- Atributul href atribuie ancora o destinație pentru un singur link.

Linkuri în pagini web

Capitolul 1

Capitolul 2

Capitolul 3

Capitolul 4

Aici link-urile sunt date fișierelor HTML localizate în același director ca fișierul din acest exemplu.

Figura 8.27 prezintă conținutul vizual în fereastra browserului.

Fig. 8.27 Vizualizarea documentului HTML sursă în fereastra browserului

Cuvintele folosite ca ancora de legătură originală sunt subliniate.

Fig. 8.28 Tipul conținutului pentru primul capitol din fereastra browserului

După cum puteți vedea din figura de mai sus, primul capitol conține cuvintele (subliniate), care la rândul lor sunt ancorele inițiale pentru referințele la un material specific într-un anumit paragraf.

La crearea exemplelor de mai sus, sa folosit atributul href.

- Marcatorul secțiunii. Sintaxa acestui marcator este:

Text-care-este afișat-în-primul-rând-browser

- Legătură la acest marcator:

text

De exemplu, vom da fragmentul inițial de text al acestei secțiuni:

Referințe în document

8.8 Referințe

Link-urile hypertext sunt o caracteristică distinctivă a publicațiilor WEB hipertext. Introducerea de link-uri hypertext (continuare) vă permite să combinați orice set de documente într-o singură publicație. Ele fac setul de documente legate și structurat, care permite cititorului (utilizatorului) să primească cât mai rapid și mai mult posibil informațiile de care are nevoie.

Linkurile au un format standard, care permite browserului să le interpreteze și să efectueze funcțiile necesare (metode de apel), în funcție de tipul de link.

În terminologia HTML, punctele finale ale legăturilor sunt adesea numite ancore (ancora).

Există două capete ale conexiunii (ancora): conexiunea este de la un punct la altul. Ultimul, numit Scopul (țintă) adesea este începutul unui document.

Text înrudit (abrevierea HUT) acționează ca o legătură către un document Web care explică această abreviere și oferă informații despre aceasta. Afișarea textului de comunicare este posibilă în mai multe moduri: textul link-ului poate fi subliniat, colorat sau evidențiat în materialul text într-un alt mod. Utilizatorul (cititorul) poate afla cum sunt afișate link-urile în fiecare mediu în parte.

Implicit, un link poate fi asociat cu încărcarea unei alte resurse web. Legătura este, de obicei, declanșată prin selectarea link-ului cu cursorul mouse-ului și apoi prin clic cu butonul stânga al mouse-ului (sau cu ajutorul intrării de la tastatură).

Fiecare legătură este asociată cu un anumit cod. După determinarea ancorei, o putem asocia cu același document sau cu un alt document. URI-urile care atribuie o ancora includ un "#" urmat de numele ancorei (identificatorul fragmentului). În acest caz, se folosesc numele de referință "# ex1", "# ex2".

Fig. 8.29 Vizualizarea legăturilor din fereastra browserului

Fig. 8.30 Vizualizarea unui fragment de text, numit prin referință

Fig. 8.31 Fragment cauzat de a doua referință

Un marcator de capitol poate fi inserat atât în ​​același document care este vizionat în prezent, fie în orice alt document. În acest din urmă caz, browserul va încărca un alt document și va merge la vizualizarea secțiunii specificate în link.

În general, browserele prezintă link-uri în așa fel încât acestea să fie vizibile în mod clar de către utilizatori (de exemplu, sublinierea). Reprezentarea exactă depinde de browser. Trimiterea unui link poate varia în funcție de faptul că cineva a vizitat deja linkul. Poate o reprezentare vizuală a legăturii anterioare.

Sintaxa numelor ancorelor. Numele ancorei este valoarea atributului name sau a atributului id. utilizate în contextul ancorei. Următoarele reguli se aplică numelor de ancora:

-Unicitatea. Numele ancorelor trebuie să fie unice în document. Numele ancorelor într-un singur document nu pot fi diferite decât în ​​registru.

-Corespondența șirurilor. Comparația dintre identificatorul de fragmente și numele ancorei ar trebui să se bazeze pe o potrivire completă (sensibilă la minuscule).

Legăturile și ancorele definite de elementul A nu pot fi imbricate. Elementul A nu ar trebui să conțină alte elemente ale lui A.

Ancorele pot fi de asemenea create folosind atributul id. Atributul id poate fi folosit pentru a crea o ancoră în eticheta inițială a oricărui element (inclusiv elementul A).

Elementul LINK este relația document.

Acest element creează legături independente de dispozitiv. În intrarea codului HTML, eticheta inițială este obligatorie. end tag: nepermis.

Acest element definește relația. Spre deosebire de elementul A (prezent numai în corpul documentului), acesta poate fi prezent numai în antetul HEAD al documentului HTML, deși poate fi prezentat de nenumărate ori. Elementul LINK nu are conținut. Acesta conține informații despre relații, care pot fi reprezentate în diferite moduri (de exemplu, ca panou cu o listă drop-down de link-uri).

Elementul LINK definește relația dintre documentul curent și o altă resursă. Deși elementul LINK nu are conținut, relațiile pe care le definește pot fi afișate de unele browsere.

Legături directe și înapoi. Atributele rel și rev specifică o referință înainte și respectiv înapoi. Ambele atribute pot fi definite simultan.

Elementul BASE este inserat în secțiunea HEAD a documentului HTML, înainte de elemente care se referă la resursele externe. Informațiile despre cale specificate în elementul BASE. afectează numai adresa URL din documentul în care este prezent acest element.

De exemplu, un exemplu de utilizare a unui element BASE este ilustrat mai jos.

Dacă faceți clic pe mouse-ul de pe link, veți vedea imagine

În exemplul de mai sus, elementele A și BASE sunt folosite pentru a crea o referință la imagine (Figura 8.32).

Fig. 8.32 Utilizarea elementelor BASE și A pentru a crea o referință la un desen

După ce faceți clic pe cursorul mouse-ului pe link-ul din ecranul browserului, imaginea este vizualizată (Figura 8.33).

Fig. 8.33 Implementarea legăturii cu imaginea

Referințele specificate în antetele HTTP sunt tratate în același mod ca și elementele LINK stabilite în document.

Se presupune că elementele OBJECT și APPLET definesc atributele care au un avantaj față de valoarea stabilită pentru elementul BASE.







Articole similare

Trimiteți-le prietenilor: