Conectați grupul de comenzi html gb. Linkuri Google Disavow: Ce înseamnă și cum să le folosești

Descriere

Etichetă HTML definește relația dintre documentul HTML curent și resursa externă la care se leagă. Este un element gol (nu are conținut sau etichetă de închidere) și trebuie întotdeauna plasat în interiorul elementului . Cel mai adesea eticheta folosit pentru a conecta foi de stil externe:

Primul atribut href definește adresa documentului, care poate fi absolută sau relativă. Al doilea atribut rel indică legătura dintre fișier HTMLși la ce te referi în în acest caz, facem referire la o foaie de stil, deci se folosește valoarea foii de stil. Atribut tip spune browserului tipul MIME al documentului, pentru foile de stil valoarea va fi întotdeauna „text/css” .

Notă: conform standardului HTML5, la conectarea unui extern fișier CSS, atribut tip nu este nevoie să specificați:

Preîncărcarea paginilor

De obicei, când dai clic pe un link către o altă pagină, trebuie să aștepți câteva secunde până se încarcă. Cu toate acestea, vă puteți personaliza pagina web astfel încât anumite paginiîncărcat în avans în memoria cache a browserului în timp ce vă aflați pe pagina curentă. Aceasta înseamnă că atunci când faceți clic pe un link pentru a accesa o altă pagină web, acesta se va deschide imediat, fără a fi nevoie să așteptați să se încarce. Aceasta se numește „preluare a paginii”. Pentru a face acest lucru se folosește eticheta cu atributul rel="prefetch" și indică, de asemenea pagina de destinație, care va fi descărcat pe computer în prealabil.

Această intrare va permite ca pagina tag_p.php să fie stocată în cache pe computer în avans în timp ce citiți conținutul pagina curenta. Puteți folosi eticheta pentru a preîncărca orice număr de pagini ale propriului site sau ale altora de pe Internet.

Notă: în loc de adresa către documentul HTML, puteți specifica calea către un fișier de alt tip (imagine, videoclip etc.).

Atribute

href: Specifică locația (URL-ul) fișierului extern (calea fișierului poate fi specificată folosind o adresă absolută sau relativă). hreflang: Specifică un cod de limbă din două litere care identifică limba documentului la care se face legătura. Atributul hreflang este utilizat numai împreună cu atributul href. media: determină pentru ce dispozitive este optimizat fișierul. Este folosit în principal cu fișierele foi de stil pentru a defini diferite stiluri tipuri diferite transportatorii. Atributul media poate lua mai multe valori simultan, separate prin spații. rel: Indică relația dintre documentul curentși documentul la care duce linkul.

• alterna- link către o versiune alternativă a documentului (adică pagini tipărite, traducere sau oglindă).
• autor- definește un link către o pagină despre autorul documentului sau către o pagină cu informațiile de contact ale autorului.
• canonic- vă permite să marcați pagini cu conținut duplicat, asta înseamnă că toate paginile cu același conținut trebuie să conțină eticheta cu atributul rel="canonic".

  Atributul href, în acest caz, ar trebui să conțină un link către o pagină cu conținut identic, pe care motoarele de căutare ar trebui să o considere principală:

• primul- indică o legătură care duce la primul document dintr-o succesiune de documente.
• Ajutor- link la un document cu ajutor.
• pictograma- definește calea către pictograma care va fi folosită pentru documentul curent.
• ultimul- indică un link care duce la ultimul documentîn succesiunea documentelor.
• licență- link către informații despre drepturile de autor pentru document.
• Următorul- indică faptul că acest document face parte dintr-o serie și că linkul va fi către următorul documentîn această serie.
• preluare- indică faptul că fișierul la care duce legătura trebuie să fie stocat în cache în prealabil.
• prev- indică faptul că acest document face parte dintr-o serie și că linkul este către un document anterior din seria respectivă.
• căutare- link pentru a căuta documentul.
• foaia de stil- defineste fișier extern, care va fi folosit ca foaie de stil pentru a acestui document.

dimensiuni: Specifică dimensiunea pictogramelor pentru afișarea vizuală. Atributul sizes este utilizat numai împreună cu rel="icon" și poate lua următoarele valori:

• latimeXinaltime- definește o listă de dimensiuni separate prin spații, fiecare dimensiune trebuie să fie în format - lățimexînălțime (dimensiunile pictogramei sunt definite în pixeli), exemplu:
• orice- pictograma poate fi scalată la orice dimensiune.

tip: indică tipul MIME (o specificație pentru formatarea mesajelor și codificarea informațiilor pentru transmiterea pe Internet) al documentului la care este legat, utilizat numai împreună cu atributul href.

Etichetă suportă de asemenea

In acest capitol:

Există milioane de oameni pe Internet documente electronice adesea asemănătoare ca subiect și care vizează același public de utilizatori. Trecerea la alte documente ar părea dificilă și plictisitoare dacă nu ar fi posibilă legarea între documente HTML folosind link-uri hipertext.

În esență, orice link hipertext este un indicator de adresă în retea globala, la care puteți naviga instantaneu în fereastra browserului. Urmărirea cu succes a unui link este posibilă în două cazuri: dacă documentul la care face referire există și dacă sintaxa hyperlinkului este corectă din perspectivă HTML.

Sintaxă

Folosit pentru a crea legături în documente HTML element, conținutul său acționează ca o etichetă cu ajutorul căreia se va face tranziția. Pentru a de la un element Pentru a crea un hyperlink activ, trebuie să-i adăugați atributul href.

Atributul href conține ca valoare adresa (relativă sau absolută) la care va duce linkul. Când faceți clic pe un link, browserul primește și afișează documentul a cărui adresă este specificată în atributul href:

Titlu

Acum, pentru ca atunci când faceți clic pe un link, să se facă o tranziție către un element care se află pe aceeași pagină cu linkul care duce la acesta, trebuie să setați atributul href ca valoare a elementului scrieți un simbol hash (#), urmat de identificatorul elementului la care se va face tranziția:

Pentru a naviga la o anumită locație pe altă pagină, trebuie să includeți un hash și identificatorul necesar după adresa URL:

Notă: Principalul beneficiu al link-urilor din cadrul unei pagini web este că pe paginile cu o cantitate mare de conținut, utilizatorul nu trebuie să deruleze întreaga pagină web în căutarea secțiunii dorite, ci poate face imediat clic pe numele celui dorit. secțiune pentru a merge la ea.

Link pentru cutia poștală

Nu este nimic complicat în crearea unui link către un e-mail; trebuie doar să introduceți cuvântul cheie mailto în valoarea atributului href, să puneți două puncte după el și să scrieți adresa de e-mail la care doriți să vă conectați:

Legătură poză

Probabil ați observat de mai multe ori că multe site-uri folosesc diferite imagini ca link-uri, care în principiu nu sunt diferite de link-urile text. Pentru a înlocui un link text obișnuit cu o imagine, trebuie să intrați în interiorul elementului eticheta locului care specifică calea către imagine:

Vizitați site-ul nostru făcând clic pe imagine:

Notă: atunci când utilizați imagini ca linkuri, browserele le vor adăuga automat un chenar, care poate fi îndepărtat cu ușurință folosind proprietatea border CSS.

Preîncărcarea paginilor

De obicei, când dai clic pe un link către o altă pagină, trebuie să aștepți câteva secunde până se încarcă. Cu toate acestea, vă puteți configura pagina web pentru a preîncărca anumite pagini în memoria cache a browserului dvs. în timp ce vă aflați pe pagina curentă. Aceasta înseamnă că atunci când faceți clic pe un link pentru a accesa o altă pagină web, acesta se va deschide imediat, fără a fi nevoie să așteptați să se încarce. Aceasta se numește „preîncărcarea paginii”. Pentru a face acest lucru se folosește eticheta cu atributul rel="prefetch" și indică, de asemenea, pagina țintă care va fi preîncărcată pe computer.

P=tag_p">

Această intrare va permite ca pagina tag_p să fie stocată în cache pe computer în avans în timp ce citiți conținutul paginii curente. Puteți folosi eticheta pentru a preîncărca orice număr de pagini ale propriului site sau ale altora de pe Internet.

Notă: în loc de adresa către documentul HTML, puteți specifica calea către un fișier de alt tip (imagine, videoclip etc.).

Tipuri de linkuri

Există multe tipuri de resurse la care un document se poate conecta. Acest lucru se face folosind Cuvinte cheie specificat în atributul relației ( rel). Ele ar trebui folosite în secțiune ca metadate:

• alternativ;
• autor;
• Ajutor ;
• icoana;
• licență ;
• Următorul ;
• preluare;
• prev ;
• căutare ;
• foaia de stil

Etichetă în HTML plasat în Și , deși este mai frecventă în ca metadate. Etichetă se poate referi la un hyperlink tradițional folosit pentru a naviga sau atașat la un document resurse externe, cum ar fi CSS și Javascript.

Alterna

Folosit pentru o reprezentare alternativă a unui document HTML.

Exemplul de mai jos arată două limbi alternative pentru aceasta document HTMLîn engleză - franceză și spaniolă. Atributul hreflang este folosit pentru a spune agentului utilizator care Codul de țară ISO 639-1:

Încă un exemplu folosind HTML link rel oferă trei diferite document textîn engleză, franceză și spaniolă:

Autor

Folosit pentru a obține informații despre autor. De obicei, hyperlinkul duce la pagina autorului. ÎN atribut dat poate fi specificată o singură etichetă

În cele din urmă, puteți adăuga metaeticheta autorului:

Ajutor

Vă permite să oferiți asistență vizitatorilor paginii. Un agent de utilizator care acceptă ajutor poate avea două vizualizări - o filă principală pentru afișarea documentului și alta pentru afișarea ajutorului:

Pictogramă

Acesta este sensul link HTML rel indică pictograma pagină. Pot exista multe pictograme reprezentând o pagină. Se folosește cel mai potrivit:

Licență

Următorul

Arata spre pagina următoareîn documentul HTML. Pentru motoare de căutare Este destul de util să știi ce pagină urmează:

Preluare

Acest valoare HTML link rel oferă un indiciu agentului utilizator că ar trebui să memoreze în cache resursa pentru a accelera încărcarea și procesarea. Acest lucru se face atunci când dezvoltatorul știe sigur că resursele folosite pe pagină vor fi solicitate:

Prev

Definește pagina anterioară într-un document HTML. Util pentru navigarea paginii:

Căutare

Specifică documentul care este utilizat pentru căutare document existent. De regulă, aceasta este o pagină cu un formular special pentru căutarea cuvintelor cheie într-un document. Pentru implementare se recomandă utilizarea Specificația OpenSearch:

Foaia de stil

Link HTML CSS este folosit pentru a importa foaia de stil folosită pentru afișarea documentului. Acest lucru se face folosind foi de stil în cascadă ( CSS):

Traducerea articolului „HTML: The Link Tag” a fost pregătită de echipa prietenoasă a proiectului

HTML-uri elementul este utilizat pentru a crea link-uri pe care se poate face clic către locații, fie în interiorul aceleiași pagini HTML, fie către o pagină externă. Când se face clic pe link, browserul sare la noua locație. The numele elementelor este prescurtarea pentru „ancoră”.

Linkuri de bază

Structura de bază a unui element de legătură arată astfel:

Site-ul de tutoriale al lui Jakob Jenkov

După cum puteți vedea, textul din interiorul corpul elementului este folosit ca text de link pe care se poate face clic. Când se face clic pe link, browserul își schimbă locația la adresa URL listată în interiorul valorii atributului href.

Adresele URL ale linkurilor relative

Este posibil să folosiți adrese URL relative în atributul href. O adresă URL relativă este o adresă URL relativă la adresa URL a paginii care conține linkul. De exemplu, adresa URL a acestei pagini este:

Http://site/html4/links.html

Dacă utilizați adresa URL relativă

Lists.html

pe această pagină, va fi interpretat ca fiind localizat în același director cu pagina care conține linkul. Cu alte cuvinte, browserul va interpreta URL-ul ca:

Http://site/html4/ liste.html

În mod similar, adresa URL relativă

Elements/a-sub-element.html

va fi interpretat astfel:

Http://site/html4/ elemente/a-sub-element.html

Puteți folosi două puncte (..) pentru a marca că trebuie să mergeți într-un director în sus. De acolo, puteți, de asemenea, să mergeți la un director în jos din nou (sau mai mult), dacă doriți. Prin urmare, adresa URL relativă

../html5/index.html

listate pe această pagină vor fi interpretate ca:

Http://site/ html5/introduction.html

Observați cum partea de link html4 a fost înlocuită cu html5 din cauza modului în care sunt interpretate punctele (..) din adresa URL relativă.

Parametrii în linkuri

Puteți adăuga parametri la o adresă URL de link, adăugând un semn de întrebare (?) la sfârșitul adresei URL și adăugați un nume de parametru, un semn egal și o valoare a parametrului. Iată un exemplu:

MyParam=myValue

Dacă trebuie să adăugați mai mult de un parametru, adăugați un caracter și (&) după fiecare valoare a parametrului, înaintea numelui parametrului și a valorii următorului parametru. Iată un exemplu:

MyParam=myValue ¶m2=valoarea2

Iată o adresă URL completă, inclusiv parametrii:

Http://site/html4/links.html?myParam=myValue¶m2=value2

Parametrii pot fi utilizați de pagina către care vă conectați, dacă pagina este generată dinamic. O pagină HTML statică de obicei nu folosește parametri.

Fragmente în linkuri

O adresă URL de link poate conține un fragment. Un fragment face referire la un punct din interiorul paginii HTML la care face legătura. Pentru a putea face referire la un fragment, trebuie mai întâi să inserați o ancoră în pagina HTML la care să faceți referire. Ancora arată astfel:

Valoarea din atributul nume ar trebui să fie unică în pagina HTML care conține ancora. În caz contrar, browserul nu poate ști la care dintre ancore să sări.

Ancora este referită prin adresa URL a unui link, adăugând #fragmentName (numit fragment) la sfârșit. De exemplu, dacă adresa URL a paginii care conține ancora este

Http://site/htm4/links.html

apoi adăugați numele fragmentului la adresa URL la sfârșit, astfel:

Http://site/htm4/links.html #fragmentName

Dacă faceți clic pe un link cu adresa URL de mai sus, browserul va sări la pagina cu adresa URL dată și în jos în documentul HTML la ancora cu numele fragmentName .

Link țintă

În mod implicit, browserul deschide pagina către care indică linkul în aceeași fereastră de browser ca și pagina care conține linkul. Dacă doriți să deschideți pagina într-o fereastră nouă, puteți seta ținta atributului la valoarea _blank . Iată un exemplu:

target="_blank"> Site-ul de tutoriale al lui Jakob Jenkov

Iată linkul așa cum arată în browser. Dacă dai clic pe el, pagina se va deschide într-o nouă fereastră de browser.