Cum se creează un link într-un document HTML. Eticheta A - sintaxa și atributele acesteia

  1. URL sau "adresa" unei pagini pe Internet
  2. <A> tag și sintaxa de bază
  3. Referință absolută și relativă
  4. Legătura relativă cu directorul este mai mare decât cea actuală
  5. Atribute ale etichetei <A>. Cum se deschide un document prin referință într-o fereastră nouă
  6. Link-uri de titlu. Atributul de titlu pentru eticheta <A>
  7. Atributul hyperlink nofollow. Interzice transferul "trustului" site-ului prin referință
  8. Legătura internă sau ancora în interiorul documentului
  9. Link Anchor - Imagine
  10. extensie

Referințele (sau hyperlink-urile) pătrund în Internet ca vasele de sânge. Dacă nu există legături, nu ar exista Internet.

Cum se creează un link într-un document HTML și se înregistrează corect atributele acestuia, ce este o adresă URL și modul în care motoarele de căutare se referă la linkuri - în această lecție următoare pentru ca începătorii să învețe codul HTML.

URL sau "adresa" unei pagini pe Internet

Fiecare document HTML de pe Web are propria "adresă exactă". Se numește "URL", din engleză. URL - Uniform Resource Locator

Structura adresei URL este adesea vizibilă în bara de adrese a browserului. Acesta include:

  1. Numele protocolului este http: // sau https: //
  2. Site-ul site-ului
  3. folderul sau calea către dosarul în care este localizat acest document,
  4. Numele fișierului (poate să nu fie întotdeauna).

Datorită acestei "adrese exacte" a devenit posibilă trimiterea la acest document din textul altui document.

<A> tag și sintaxa de bază

Sper că cuvântul "sintaxă" nu te mai sperie 🙂

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> link text </a>

După cum puteți vedea, după începutul etichetei <A>, trebuie să existe un atribut href obligatoriu care specifică adresa documentului la care doriți să mergeți.

În interiorul <A> tag-ului containerului în sine este un text (deși poate exista o imagine), care este textul link-ului. Se mai numește și " ancora " sau pur și simplu - ancora.

Referință absolută și relativă

În exemplele de mai sus s-au utilizat referințe absolute . Cele care conțin adresa URL completă a documentului.

În unele cazuri, atributul href nu conține o adresă URL completă cu numele protocolului și domeniul site-ului. Dacă documentul la care conduce linkul se află pe același site - puteți utiliza linkul corespunzător care duce de la locul în care este localizat documentul.

Schema atunci când se aplică o referință relativă

Exemplu: un link din primul.html duce la fișierul second.html, care se află în dosarul de știri.

Legătura relativă cu directorul este mai mare decât cea actuală

cod:

<a href="../first.html"> acesta este un link relativ la un fișier dintr-un nivel de directoare </a>

Această legătură duce la fișierul first.html din directorul "părinte", adică un nivel în sus .

Combinația ../ indică un dosar cu un nivel în sus față de poziția dată a fișierului de la care se face legătura.

Atribute ale etichetei <A>. Cum se deschide un document prin referință într-o fereastră nouă

Pentru ca documentul să se deschidă într-o nouă fereastră de browser, trebuie să utilizați atributul target = "_ blank"

Pentru ca documentul să se deschidă într-o nouă fereastră de browser, trebuie să utilizați atributul target = _ blank

Atribut link target = "_ blank"

Nu-l abuzați. Nu este nevoie să faceți legături interne cu site-ul cu acest atribut. Utilizatorii vor fi supărați de "fereastra de scântei".

În general, cu acest atribut țintă - întreaga poveste. Există încă o serie de semnificații, dar toate acestea sunt rareori folosite astăzi.

Acest lucru se datorează faptului că acestea sunt concepute pentru a lucra cu site-ul pe cadre care nu mai sunt populare și, odată cu apariția HTML5 , devin un lucru din trecut.

Link-uri de titlu. Atributul de titlu pentru eticheta <A>

Un alt atribut util este titlul = "Text explicând unde duce acest link"

sintaxa:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="inaliza pop-up"> acesta este un link de sugestie </a>

După cum puteți vedea, browser-ul afișează un sfat de instrument. Și totuși, aceasta ține cont de motoarele de căutare.

Atribute de atribut pentru titlul link-ului

Atributul hyperlink nofollow. Interzice transferul "trustului" site-ului prin referință

Există încă un atribut ambiguu pentru link-urile rel = "nofollow"

El le spune motoarelor de căutare că documentul de legătură nu este de încredere. În același timp, indicatorii de încredere ("încredere") de pe site-ul sursă nu sunt transmiși către site prin referință.

Subiectul "încredere" și topul de link-uri este încă în faza de început, dar dacă este scurt, "soarta" site-urilor din motoarele de căutare va depinde, de asemenea, de numărul de linkuri care duc la acest site. Cele mai multe dintre ele, link-uri mai importante site-uri - credibilitatea mai mult site-ul prin referință.

În unele cazuri, merită să faceți "verificarea" legăturilor cu acest atribut. De exemplu, dacă scrieți o recenzie negativă despre orice serviciu.

<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> site rău </a>

Legătura internă sau ancora în interiorul documentului

În textele mari, este adesea necesară instalarea așa-numitelor "ancore" în părțile logice ale documentului. Apoi, este în acest loc, puteți să vă referiți.

Cea mai ușoară modalitate de utilizare a acestuia este crearea unui tabel de conținut local din hyperlink-uri care conduc la aceste ancore. Astfel de tabele de conținut sunt plasate de obicei la începutul articolului.

La crearea unei astfel de ancore, atributul name este folosit în locul atributului href.

Sintaxa pentru crearea unei ancore este:

<a name="top"> </a>

Când creați un link, la sfârșitul adresei URL se adaugă semnul # - numele "ancorei":

<p> <a href="#top"> Top </a> </ p>

Trecerea va fi exact la acest loc, adică Browserul va plasa acest loc în partea superioară vizibilă.

Adesea, în documentele lungi, în partea de jos au pus un astfel de link "Top".

... după ce au călătorit în jurul lumii de boabe parfumate, au găsit cea mai înaltă calitate a celor pentru care Africa, Asia, America Centrală și de Sud sunt celebre. De aceea, astăzi în cafenelele de marcă Boabe de cafea Veți găsi cele mai bune soiuri de cafea de la producătorii recunoscuți.

? În partea de sus ?

Din alt document, puteți să accesați și acest loc dacă adăugați la sfârșitul adresei URL prin semnul # name_accord

<a href="http://domen-saita.ru/dokument.html#top"> textul de legătură duce la o ancoră "sus" în acest document </a>

Link Anchor - Imagine

Orice imagine poate fi o legătură.

cod:

<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>

Implicit, link-urile sunt subliniate de browser-ul cu o linie albastră solidă, iar imaginile de legătură obțin un cadru albastru.

Linkurile-imagini au un cadru albastru

Pentru a scăpa de aceasta, se adaugă o regulă simplă fișierului CSS pentru site:

a {border: 0px;}

Aceasta este o instrucțiune pentru a face grosimea marginii zero pentru toate legăturile de imagine.

extensie

În următorul post, voi vorbi despre legăturile de e-mail, atributele lor și metodele de "protecție" de spam-ul rău

Новости