Contacte

Hyperlinkul nu funcționează în HTML. Hyperlinkul este ceea ce este, cum să faceți o legătură și introducerea în cod HTML (HREF, țintă goală și alte atribute ale etichetei A). Butonul de legătură cu stiluri CSS

În această lecție vom vorbi despre cum se face o legătură cu HTML. Link-urile sunt utilizate foarte des pe site-uri, vă permit să vă deplasați de pe un site de pagină la altul. Caracteristica legăturilor este că acestea pot duce nu numai pe pagina web, ci și pe fișiere, imagini etc.

Link-urile pot fi interne și externe. Pe legăturile interne, se efectuează trecerea la pagini și fișierele dintr-un singur loc. Link-uri externe conduc pe site-uri, documente și fișiere terțe. În același timp, aceste tipuri de referință sunt setate, aproape în mod egal.

Cum se face un link către HTML, exemple

1. Href. - Responsabil pentru locul în care ar trebui să conducă legătura. Link-ul standard este setat după cum urmează: link text.

2. Ţintă. - Responsabil pentru ce fereastră va deschide documentul. În mod implicit, noul document se deschide în fereastra curentă a browserului. Atributul țintă vă permite să deschideți un link într-o fereastră nouă de browser. Acest atribut are următorii parametri:

  • _Blank - Descărcați o pagină într-o fereastră nouă;
  • _Self - Încarcă pagina din fereastra curentă;
  • _Parent - descărcați o pagină într-un cadru cadru;
  • _TOP - Anulează toate cadrele și descărcă o pagină într-o fereastră nouă.

3. Nume. - Folosit pentru a merge la o anumită zonă din interiorul paginii. După simbolul "grilă", cuvântul cheie (marcaj sau etichetă) este indicat în citate. Pentru a merge la această etichetă, se utilizează un link în care această etichetă este prescrisă.

Exemplu de legătură externă

Du-te la site



Du-te la site
Lecții gratuite WordPress.

Exemplul 4. Imagini ca link-uri.

Exemplul de imagine ca referință



Exemplu de legătură într-un anumit loc de pe pagină

Du-te la text

Pagina de text ...



În acest exemplu, eticheta listei este setată pe pagină utilizând atributul de nume. Legătura cu această etichetă va oferi o tranziție către o anumită zonă a paginii.

Descărcare fișier
Scrie o scrisoare

Puteți specifica culoarea referințelor utilizând atributele specificate în eticheta "corpului" ca parametri. Luați în considerare aceste atribute:

  • link - Nu este vizitat Referință, în mod implicit, este afișat în albastru;
  • alink este o legătură activă, implicit este roșu;
  • vLINK - Link vizitat, are culoarea purpurie implicită.
Un exemplu de set de culori pentru link-uri ...

Astfel, am dat seama de principiul referințelor la HTML. Legăturile pot primi anumite stiluri de design. Despre poate fi vizualizat în lecție făcând clic pe link.

Cred că ați înțeles deja ce va fi discutat în acest capitol .. și știți care este linkul, dacă nu, apoi faceți clic aici .. Există mai multe tipuri de link-uri, precum și "mecanismele" de tranziție pe ele. În acest capitol voi încerca să spun în detaliu despre cum să recâștige legăturile și de asemenea dedicați în subtilitățile cazului la locul de muncă cu ei.

Digresiune lirică:
Cumva șeful sediului vine la mine în armată și dă ordinul, citând:
Adu-mi acest document, totuși, nu știu unde este și ce! Ce stai? Pista vin! Mint !!!

Deci, ceea ce sunt eu, ca browserul, ca atunci, nu a intrat într-o stupoare, el trebuie să știe: numele exact al documentului, calea către document și locul în care să o aducă, mai precis unde să o deschidă.

În prezent, cu ajutorul unui notebook, am creat doar un document HTML pe care l-am numit index.html (de ce a ales un nume de nume ciudat Index.html și de ce trebuie să urmăriți b) Nu știți ce vă aflați tu ai venit cu tine, dar cred, îți amintești de el și știi unde se află, dacă, desigur, nu ești sediul meu :) .. În acest document vom încerca să creăm un link către un alt document pe care încă nu-l don Tau ... așa că înainte de a fi latitudinea lui, trebuie să fie creată beneficiul pe care îl știi deja cum.

  1. Deschideți notepad.
  2. Scrieți codul în limba HTML. De exemplu, o pagină cu un număr de fotografii.
  3. Salvăm-o ca o pagină HTML în același interval de muncă, unde primul document pe care l-am creat deja. Să nu fim confuzi să lăsăm Primer.html, iar primul este, de asemenea, probabil redenumit în index.html

Acum știu că aveți două documente HTML index.html și primer.html și acum aveți un set minim pentru învățarea ulterioară.

Link-uri de text.

Obțineți etichetă familiarizată (Din ancoră ancora), puteți intra în text sau desen, care va fi menționat la acelea sau alte documente. Atributul tag. href. Specifică numele și calea către documentul la care indică legătura.

Totul este scris împreună.

Iată fotografiile mele!

Cum ați înțeles probabil primer.html este numele celui de-al doilea document HTML și inscripția "Iată fotografiile mele!" Aceasta este o bucată de text din fișierul index.html.

Prin analogie cu eticheta desenelor Calea de legătură către documentul deschis este prescrisă de aceleași metode:

Iată fotografiile mele! - o astfel de înregistrare implică faptul că în directorul în care primul nostru document HTML este un document este dosarul Stranica în care este localizat fișierul Primer.html
Iată fotografiile mele! - și acest lucru înseamnă că fișierul Primer.html este situat la nivelul de deasupra documentului
Iată fotografiile mele! - Documentul este situat pe site-ul www.site.ru ..

Să încercăm? Mai jos este un exemplu de două documente în care legăturile indică reciproc sunt prescrise.

Fișier index.html:



Face referire la o bucată de text





Spune-mi, un copil drăguț: în care ureche este buzzing?


ÎN dreapta sau levom.?





Fișier de primer.html:



Urmați link-ul aici





Dar nu am ghicit! Mă simt în ambele urechi.



Ei bine, nu joc așa ...





Din exemplu, este clar că legăturile sunt evidențiate de culoare, implicit este un link albastru și roșu - a vizitat deja legătura, aceste culori pot fi modificate folosind eticheta de deschidere deja cunoscută < body > și atributele sale.

lEGĂTURĂ. - Link-uri de culoare.
o legătură. - Link activ apăsat de culoare.
vLINK. - Link-uri de culoare vizitate.

Scris astfel:

>

Continuând să vorbim despre culoarea legăturii textului, este de remarcat faptul că, dacă este necesar, este posibil să aloce forțat în culori atât întreaga legătură și părțile sale separate (fraze de literă cuvânt) Și atributul său culoare. Cu toate acestea, acest lucru se aplică nu numai colorului ca separat, puteți seta textul de dimensiune, stil și font. Dar amintiți-vă că manipulările cu culoarea trebuie efectuate în interiorul etichetei aici și nu dincolo, altfel culoarea legăturii va fi fie în mod implicit, fie din moment ce este scrisă în etichetă

Fișier index.html:



Curcubeu

link \u003d "# 008000" alink \u003d "# FF0000" VLINK \u003d "# FFFF00"\u003e


Uită-te la fraza care vă va ajuta să vă amintiți locurile de flori din curcubeu




R.
DAR
D.
W.
G.
DAR






Fișier de primer.html:



Curcubeu

link \u003d "# 008000" alink \u003d "# FF0000" VLINK \u003d "# FFFF00"\u003e



Toata lumea
vânător
dorințe
știi
unde
stă
fazan



reveniți la pagina principală




    Una dintre paginile dvs. de pe site inainte de Trebuie să fie numită index.html. Este fișierul cu un astfel de nume pe site-ul dvs. va căuta un program de robot atunci când o persoană intră în numele site-ului dvs. Deci, ca pagina index.html. Va fi deschisă mai întâi, faceți-o cea principală. Restul paginilor pot fi numite cum vă place ... Nu mai există nuanțe cu numele nu sunt.

    Despre înregistrare .. Înregistrarea calea și numele documentelor Amintiți-vă că, de exemplu: pagina.html, pagina.html și pagina.html sunt numele diverselor documente! Aceleași se referă la numele marcajelor și desenelor. Luați în considerare întotdeauna registrul Când scrieți codul, există o mare probabilitate ca aceste nume să nu fie recunoscute de unul sau altul browser. Luați-l pentru regula tot ceea ce scrie și numiți mici litere latine, atunci riscul de factor uman și programe de capsare va fi redus la zero.

    Regula a trei clicuri ..

    Încercați să formați un "Link Tree", astfel încât vizitatorul site-ului să poată obține de la oricare dintre paginile sale la orice site site pentru numărul minim de link-uri. Pentru mai mult de trei tranziții la locul potrivit de pe site, acest lucru nu mai este bine. Încărcăturile nesfârșite de pagini inutile pot duce la tulburări nervoase și închiderea prematură a site-ului. Aveți grijă de bani și nervi ai oamenilor.

Bună ziua Stimate site-ul de cititoare blog. Astăzi vom vorbi cum se creează hyperlink-uri în HTML, Aflați cum să utilizați o etichetă Și atributele sale HREF și țintă, învățați cum să faceți o legătură de imagine.

Hyperlink-urile sunt elemente cheie ale unei pagini web. Se leagă împreună paginile HTML împrăștiate, într-un site web cu drepturi depline. De obicei, legăturile sunt afișate ca un fragment de text subliniat, când treceți peste care, cursorul de mouse-ul dobândește tipul de degetul îndreptat. În plus, hyperlinkul va avea o formă de imagine grafică sau fragment său. Când faceți clic pe link, browserul încarcă pagina web, a cărei adresă este specificată în atributele acestui link. Hyperlink-urile vă permit să vă referiți atât la paginile interne ale site-ului, cât și la alte resurse de pe Internet.

Crearea hyperlink-urilor text

Să începem cu simplu și să luăm în considerare crearea obișnuită textic Link-uri. Pentru a crea un hyperlink text, orice fragment al textului care ar trebui să fie referit la încheierea în etichetă pereche . Și B. atributul href. Această etichetă trebuie să specifice adresa paginii web țintă pe Internet:

pagina 15.

În acest fragment al codului HTML, se creează un paragraf, care conține o legătură. Linkul indică pagina Web Page15.html, care este situată în folderul de catalog stocate în folderul rădăcină al site-ului www.site.ru.

pagină 15

Dacă pagina nu utilizează stiluri CSS și nu se aplică atribute suplimentare, atunci hyperlink-urile de pe pagina implicită sunt afișate după cum urmează:

  • legăturile convenționale sunt afișate în albastru;
  • referințele vizitate sunt evidențiate de culoarea violet;
  • hyperlinkul activ (care este în prezent clic în prezent) este afișat în roșu, dar din momentul în care faceți clic pe link-ul și începutul descărcării noului document este destul de mic, o astfel de legătură este destul de scurtă;
  • textul linkului este afișat cu subliniere.

Adresele de internet

Adresa completă conține adresa Internet a serverului web și calea către fișierul pe care doriți să îl primiți. De exemplu:

http://www.site.ru/catalog/page15.html.

Aici www.site.ru Adresa serverului web și /catalog /page15.html este calea către fișierul de pe acest server. În general, de obicei adresele complete de Internet utilizează numai dacă trebuie să creați un hyperlink care indică orice resurse situate pe un alt site web.

Când creați hyperlink-uri care indică fișierele care fac parte din același site ca și pagina web curentă, este mai bine să utilizați adrese de internet abreviate. Adresa abreviată conține numai calea către fișierul de pe server, deoarece Adresa serverului web este deja cunoscută de browser.

Adresele de internet abreviate sunt absolut și relativ. Adresa absolută stabilește calea către fișierul țintă în raport cu dosarul rădăcină al site-ului. Această adresă începe cu un simbol / (slash), care indică dosarul rădăcină. De exemplu, adresa "/page15.html" indică fișierul Page15.html, care este stocat în folderul rădăcină al site-ului. Sau adresa "/catalog/page.html" indică fișierul pagina.html, care este plasat în folderul de catalog investit în folderul rădăcină al site-ului.

Adresa relativă va merge la fișierul în raport cu fișierul paginii web curente. Adresele relative nu conțin un simbol de slash la început. Luați în considerare mai multe exemple.

De exemplu, adresa "Page.html" indică fișierul care se află în același folder ca fișierul cu curent al paginii web. Și adresa "Catalog / Page.html" va deschide fișierul pagina.html stocat în folderul de catalog investit în folderul în care este stocată pagina curentă. Folosind două puncte la primele adrese, puteți specifica dosarele nivelului anterior al cuiburilor. De exemplu, adresa "... / pagina.html" indică pagina pagină.html stocată în folderul la care folderul este investit cu pagina web curentă.

Conectați-vă la poștă

Folosind limba HTML, puteți crea hyperlink-uri poștaleFăcând clic pe care rulează programul de poștă electronică. Când specificați adresa din atribut href.Înainte ca e-mailul să fie pus "Mailto:". Adecvat: Href \u003d "Mailto: [E-mail protejat]"Și după colon înainte de adresa poștală nu ar trebui să fie spații.

scrie o scrisoare

Cum se face o referire la imagine

Pentru a spune despre crearea de hyperlink-uri, termin, amintesc doar sublinias:

  1. Pentru a crea linkuri utilizând o etichetă de perechi Cu atributul necesar HREF, valoarea paginii țintă este plasată în valoarea: text;
  2. Când creați un link poștal în atributul Href, trebuie să instalați "Mailto:": a scrie scrisoare;
  3. Dacă trebuie să creați link Image,apoi puneți doar eticheta IMG în interiorul etichetei : .

Hyperlink-urile sunt principalele avantaje ale paginilor web. Este, în esență, și există un nucleu al World Wide Web. Deci, fără nimic, rămâne doar un alt mijloc de a afișa documente. Acestea sunt cartografiere vizibile a tehnologiei comunicării unei largi varietăți de resurse de internet, ceea ce creează o integrare unică a rețelei.

Cu toții știm că, dacă vă uităm la o pagină web, aduceți cursorul mouse-ului la hiperlinkul încorporat în conținutul paginii web, atunci cursorul ia forma de mână cu un deget punct alungit și un singur clic pe acest hyperlink va provoca Un browser pentru a afla acea resursă online pe care hyperlinkul lovește și descărcați-l.

Orice fragment al conținutului vizibil al paginii web, adică și text, iar imaginile grafice pot fi efectuate ca hyperlink. Aceasta utilizează o etichetă<а> cu gemeni de închidere. Luați în considerare cel mai simplu exemplu.

Listarea 1.15.

"http://www.w3.org/tr/html4/strict.dtd"\u003e

Hyperlink-uri
<р>Textul drept.
Hypersylka la o altă pagină web



Smochin. 1.15. Fereastra de browser cu un rezultat afișat al unui fișier dat în listare 1.15

Cât de ușor de văzut în fig. 1.15, hyperlinkul este evidențiat și de culoare, astfel încât să se poată distinge de textul obișnuit. Culoarea de selecție este setată de un utilizator la distanță în browser-ul său, dar avem posibilitatea de a indica în mod explicit ce culoare să se utilizeze pentru a evidenția hyperlink-uri cu mese stilizate. Ne vom uita la cererea lor în capitolul următor. Dacă ne uităm la codul de listare 1.15, vom vedea că textul cu care este asociat hyperlinkul este încadrat de etichete<а> și. În acest caz, eticheta de deschidere are parametrul HREF, deoarece valoarea pe care URL-ul resurselor Internet este utilizată la care este creată hyperlinkul. În același timp, adresa URL poate fi la fel de completă, adică, include numele protocolului de acces la resursă, numele site-ului și pagina, cum ar fi, de exemplu, "http://www.mysite.com/mypage.htm"Și relativ când este indicată calea către documentul de pe același site, în cazul în care pagina web originală. Acest lucru va utiliza codul de aproximativ tipul următor:

<а href="/chap2/page1.htm">

Aici se referă la pagina web aflată în fișier cu numele Pagel.htm, care este situat în catalogul CHAP2.
În general, adresa URL ar trebui să fie informată mai mult. Acesta este singurul și mijloacele absolut precise de identificare a oricăror resurse postate în rețea. În general, poate fi scris după cum urmează:

http://www.mysite.com/floder1/file1.htm.

Adresa URL în sine poate fi împărțită în trei părți logice. La începutul URL-ului, descriem protocolul pentru care este disponibil accesul la resursa Internet. Pentru paginile web, se utilizează protocolul HTTP, ca în exemplul nostru. Dacă trebuie să instalați un hyperlink într-un fișier, plasat pe un server FTP, atunci acest nume este înregistrat în partea inițială a URL-ului. Există, de asemenea, un mecanism care vă permite când apăsați mouse-ul cu un hyperlink, activați clientul de e-mail instalat de utilizator în sistemul implicit și începeți să scrieți litera, specificând în același timp adresa destinatarului. Pentru aceasta, se utilizează următorul tip hyperlink:

<а href="mailto://[E-mail protejat]">

După cum se poate observa, câmpul cheie Mailto este utilizat ca desemnare a protocolului și după un colon și perechi de slash, care separă întotdeauna numele protocolului din partea principală a adresei, adresa de e-mail este înregistrată la care e-mailul Scris de utilizator va fi trimis.

A doua parte a adresei URL descrie adresa de resurse în sine. Pentru pagina web, acesta este numele de domeniu al site-ului. De obicei, se utilizează numele de domeniu al celui de-al doilea sau al treilea nivel. Numele de domenii ale primului nivel sunt înregistrate la sfârșitul numelui de domeniu. În interiorul fiecărui domeniu al primului nivel, numele domeniului al doilea nivel sunt alocate organizațiilor de control. Și proprietarii de nume de domenii al doilea nivel creează în mod independent numele de domeniu al celui de-al treilea nivel. Deci, practic, fiecare proprietar al numelui de domeniu al doilea nivel alocă numele de domeniu al celui de-al treilea nivel www.

Iar cea de-a treia parte a adresei URL este calea către un fișier specific în spațiul de fișier intern al serverului Web. Aici este necesar să se facă o mică retragere care să explice mecanismul serverelor web.

Pentru ca orice utilizator de la distanță să acceseze orice site web, cunoscut, o anumită colecție de pagini web individuale și aplicații specializate efectuate - script-uri, este necesar ca toate aceste pagini web să fie pe un computer separat, care operează o aplicație specializată numită un server web. Responsabilitățile acestui server web includ primirea utilizatorilor de la distanță, procesarea acestor interogări și transferarea către utilizatorii de la distanță a conținutului paginilor web utilizând protocolul HTTP.

Pentru un server web, un director separat este evidențiat pe discul computerului, care conține fișiere HTML care conțin pagini web și aplicații - scripturi care oferă funcții interactive ale site-ului. În mod natural, în interiorul unui catalog comun, rezervat pentru pagini web, vă putem crea structurile de dosare pentru o separare mai clară a resurselor site-ului. Deci, în foldere separate, imaginile grafice utilizate în proiectarea paginilor web sunt de obicei alocate, paginile web sunt grupate în directoare, pe baza apartenenței la una sau la o altă secțiune a site-ului. Și calea completă către un anumit fișier HTML sau altă resursă care este utilizată în proiectarea paginilor web și este a treia parte a URL-ului. Luați în considerare un mic exemplu:

http://www.mysite.com/content/about.html.

Această adresă URL indică un fișier cu numele NAME.HTML, care este situat în directorul de conținut situat în spațiul de fișier al serverului Web cu numele de domeniu www.mysite.com. În acest caz, transmiterea conținutului conținutului fișierului de căutare va fi deținută utilizând protocolul HTTP.

Cu toate acestea, în domeniul introducerii unei adrese de resurse Internet a oricărui browser, puteți introduce numai numele de domeniu al site-ului și vom primi deja acces la pagina principală a acestui site. Faptul este că, dacă nu specificați un protocol în câmpul de introducere, browserul utilizează automat protocolul HTTP. Și dacă nu specificați numele complet al fișierului HTML cu pagina web, serverul web acceptarea unei solicitări de utilizator la distanță va emite pagina principală a site-ului, numită adesea acasăo pagină care este înainte de a fi stocată într-un fișier cu un nume index.html, adică fiecare site este obligat să conțină un fișier cu un nume, care este pagina de pornire a site-ului web.

Dar, în același timp, este necesar să se realizeze că, dacă ne putem permite să scriem adresa în browser, sperând pentru interpretarea sa corectă de către browser-ul însuși, atunci în hyperlink-uri trebuie să scriem adresa URL complet, cu excepția cazurilor în care documentele în care documentele că hyperlinkul indică faptul că se află pe același site ca și pagina web originală. În astfel de cazuri, nu putem specifica numele domeniului site-ului, limitând protocolul și numele complet, care include calea în sistemul de fișiere de server Web, resursa la care indică hyperlinkul.

De fapt, etichetă<а> Are un număr suficient de mare de parametri care vă permit să setați cele mai diferite proprietăți ale hyperlinkului. Ca studii materiale, le vom lua în considerare pe toți.

Hyperlink-urile sunt acceptate pentru nivel mondial și local. Hyperlink-urile globale indică resursele de internet situate în afara paginii web originale. Link-urile locale adresează anumite resurse situate pe pagina curentă. Adesea, această recepție este utilizată dacă pagina conține o cantitate suficient de mare de informații care nu se potrivesc complet în fereastra de vizualizare. De exemplu, punem o anumită poveste pe pagina web sau un document text, rupt în secțiuni. În același timp, la începutul acestui document, putem crea un cuprins care acționează pe baza hiperlink-urilor, fiecare dintre acestea va indica orice secțiune a documentului. Apoi, utilizatorul care a descărcat pagina web va fi capabil să se deplaseze în conformitate cu documentul folosind aceste hyperlink-uri și nu numai cu ajutorul barei de derulare verticală, care facilitează, fără îndoială, navigarea.

Pentru a utiliza hyperlink-uri locale în document, trebuie să marcați mai întâi acele fragmente ale documentului la care vor indica. De exemplu, dacă vrem ca orice hyperlink local să mute un utilizator la distanță la un anumit paragraf, atunci trebuie să punem eticheta în acest paragraf<а> cu parametrul de nume. În acest caz, hyperlinkul în sine va fi creat folosind o valoare ușor modificată a parametrului HREF. Dar este mai ușor să vedeți totul pe exemplu (figura 1.16).

Listarea 1.16.

"http://www.w3.org/tr/html4/strict.dtd"\u003e

Hyperlink-uri

Ușor de văzut din lista de text care, atunci când este referit la identificatorul situat în corpul paginii web, noi, ca valoare a parametrului HREF, indică numele acestui identificator cu semnul zăbrelelor în fața acesteia. Cu toate acestea, în acest fel, putem folosi hyperlink-uri nu numai pe fragmente ale conținutului paginii web originale, ci și asupra fragmentelor altor pagini web marcate într-un mod similar. Un astfel de hyperlink va avea aproximativ forma următoare:

<а href="http://www.mysite.com/doc2.htm/anch3">

Pentru a fi, combinăm utilizarea unei adrese URL completă a documentului și, în același timp, indică un anumit fragment marcat ca "anch3".

Smochin. 1.16. Fereastra browserului cu rezultat al unui fișier dat în listare 1.16

Trebuie remarcat faptul că, dacă textul pe care se indică hyperlinkul este deja afișat în fereastra de vizualizare, așa cum sa întâmplat în ultimul exemplu, nu va avea loc schimbări. Dar merită doar să modificați dimensiunea ferestrei de vizualizare a browserului browserului, astfel încât să se ascundă ultimul șir de conținut pe care indică hyperlinkul, iar rezultatul acțiunii sale poate fi demonstrat vizual.

În mod natural, toate numele markerilor de marcaje similare, care sunt definite folosind valoarea parametrilor de nume trebuie să fie unice. Ar trebui să se țină cont de faptul că HTML nu distinge între majuscule și caractere majuscule. Prin urmare, dacă două marcaje sunt definite în documentul nostru HTML, care vor fi ulterior referință hyperlink-uri, diferă numai în registrul de caractere, apoi pentru un analizor HTML încorporat în browser, acești identificatori vor fi considerați la fel și nu se va ocupa de nici unul dintre ei.

Cu toate acestea, deja știm că puteți identifica orice element al documentului HTML și puteți utiliza parametrul ID care poate fi utilizat ca parte a oricărei etichete. În acest caz, hyperlink-urile care indică fragmente de documente pot utiliza, de asemenea, acești parametri, adică, pentru a instala un marcaj de marcator la orice etichetă care nu utilizează neapărat eticheta<а> Cu parametrul de nume, este suficient să utilizați parametrul ID.

Valorile parametrului de nume și parametrul ID sunt identificatori unici ai elementelor de documente HTML. Prin urmare, nicio valoare a parametrului de nume nu ar trebui să corespundă nici unei valori a parametrului ID.

Dar ce opțiune ar trebui să fie selectată pentru paginile dvs. web, care trebuie utilizat parametru? Aici este necesar să realizăm că, în ciuda faptului că parametrul ID poate servi la efectuarea mai multor acțiuni, cum ar fi identificarea unui marcaj de marcator, crearea de replicări unice pentru scenariile DHTML și designul stilului, unele browsere depășite nu pot percepe aceste identificatori pentru Orient hyperlink-urile.

Împreună cu eticheta<а> Parametrul de titlu poate fi utilizat, ceea ce va ajuta la identificarea hyperlinkului pentru utilizatorul de la distanță. Valoarea acestui parametru este șirul de text, care va fi afișat prin forma unui hink mic, atunci când utilizatorul va afișa cursorul mouse-ului la hiperstrum dorit. Anunțul unui astfel de hyperlink analizează aproximativ după cum urmează:

<а href="www.site.com" title="Site foarte frumos">

Folosind parametrul Hreflang, putem specifica limba pe care este scris conținutul textului resurselor Internet la care indică acest hyperlink. Ca valoare a parametrului, una dintre denumirile de limbă standard pe care le-am luat în considerare în acest capitol sunt oarecum mai devreme.
Dar o indicație a limbii pe care este scris conținutul textului paginii web nu este suficient. De asemenea, trebuie să specificați codificarea aplicată. Și aici putem ajuta deja un parametru familiar al lui Charset, valoarea cărora este denumirea standard de codare utilizată pentru a afișa conținutul de text al resurselor Internet la care indică hiperlinkul dorit.

Folosind parametrul gelului, putem specifica atribuirea documentului la care indică hyperlinkul, adică valoarea acestui parametru, denotă explicit relația dintre documentul sursă și documentul pe care îl facem. Folosind acest parametru nu afectează metoda de afișare a hyperlinkului sau a mecanismului de obținere a unei resurse, dar poate fi utilă. Dacă paginile web sunt proiectate nu numai pentru vizualizarea cu un browser, dar și pentru procesarea unor aplicații specializate. Astfel, de exemplu, atât motoarele de căutare avansate, care sunt capabile să recunoască și să proceseze corect relații similare între documente, denumite prin hyperlink-uri.

Ca valoare a parametrului REL, unul dintre cuvintele cheie predefinite pe care le considerăm acum sunt utilizate.

  • Alterna.Valoarea indică faptul că documentul este o reprezentare alternativă a documentului sursă. Dacă parametrul Lang este utilizat în hyperlink cu o valoare excelentă de limba documentului sursă, atunci un astfel de hyperlink este de obicei văzut ca o referință la o copie a documentului sursă într-o altă limbă.
  • Stohlesheet.Indică faptul că documentul pe care indică hyperlinkul este o masă de stilist. Despre mecanismul de aplicare a tabelelor stilizate este descris în detaliu în al doilea capitol.
  • Start.Este folosit pentru a desemna documentul inițial de pornire al unor documente multiple. În ceea ce privește site-ul web, acest lucru este, evident, va exista o pagină de pornire.
  • Următorul.Valoarea este utilizată dacă documentul de pornire și documentul pe care indică hyperlinkul este într-un fel de secvență liniară ordonată de documente, iar acesta din urmă este după cum urmează în secvența cu privire la pagina web originală.
  • Prev.Valoarea este utilizată în același caz ca cea anterioară, dar acum indică faptul că documentul din lanț nu este după cum urmează, ci cel precedent, în ceea ce privește documentul de pornire.
  • index.Utilizat în hyperlink-uri care indică un document indexat în conținutul paginii web originale.
  • Glosar.Valoarea indică faptul că documentul conține un dicționar termic utilizat în documentul sursă.
  • drepturi de autor. Se utilizează dacă documentul pe care indică hyperlinkul anunță drepturile de autor asupra conținutului documentului sursă.
  • capitol.Se utilizează în hyperlink-uri care indică documente care sunt capitole separate într-un anumit documente multiple.
  • secțiune. Hyperlink cu o astfel de valoare a parametrului Rel. Indică un document care este împărțit în setul general de documente care formează un singur conținut întreg.
  • subsecțiunea. Valoarea este o continuare a conceptului desemnat de valoarea anterioară luată de noi. Aceasta denotă că documentul este deja subsecțiunea.
  • Apendice. Valoarea indică faptul că documentul la care se indică hyperlinkul este o aplicație pentru documentul sursă.
  • Ajutor. Folosit pentru trimitere la documente care oferă informații suplimentare de referință în raport cu conținutul documentului original.
  • Bookmark. Se utilizează pentru referințele la documentele HTML care conțin referințe la unele fragmente cheie selectate ale documentului sursă.

Atunci când se utilizează aceste valori, este necesar să se țină seama de faptul că, în acest caz, analizoarele HTML vor fi sensibile la registrul caracterelor, deci este necesar să urmați pe deplin scrisul care este dat în lista noastră.

De fapt, HTML are posibilitatea de a-și crea valorile pentru atributul pe care îl prezentăm, dar deoarece este necesar să se utilizeze mijloacele specializate pentru descrierea acestor noi valori și software care vizează recunoașterea acestor tipuri de legături pentru a îndeplini acest parametru . Deoarece browserele sunt interesate de noi, crearea de noi tipuri de link-uri către noi pentru nimic.

Această tehnologie este de fapt o paliativă, care este concepută pentru a oferi cel puțin o parte din posibilitățile oferite de noul limbaj al descrierilor documentului pe Internet - XML \u200b\u200b(Limba de marcare extensibilă), care este profeția rolului succesor și "ucigaș "HTML, dar până acum nu există browsere comune XML și aplicații care prelucrează documente XML. Și o lungă perioadă de timp, această tehnologie nu va fi acceptată în general, ceea ce înseamnă că tehnologia HTML are încă dreptul de viață și va fi folosit ca bază pentru paginile web suficient de lungă.

Dar înapoi la luarea în considerare a atributelor etichetei<а>. Atributul REV este opusul atributului REL. Dacă atributul REL definește tipul de document la care indică hiperlinkul, atributul REV definește tipul de document sursă care conține hyperlinkul. Ca valorile acestui atribut, se utilizează același set de cuvinte cheie utilizate și pentru atributul REL.

Folosind parametrul țintă, specificăm, în ce cadru este necesar să afișați un document la care indică hyperlinkul. Faptul este că, de obicei, un document este afișat într-o fereastră de vizualizare a browserului. Dar în HTML, este posibilă împărtășirea ferestrei de vizualizare în mai multe zone numite cadre, fiecare dintre acestea vă va afișa documentul HTML. Vom lua în considerare tehnologia utilizării cadrelor într-una din următoarele secțiuni din acest capitol, dar până acum, notă că parametrul țintă vă permite să specificați în mod explicit, în ce cadru este necesar să afișați pagina web. Instalarea hyperlinkului folosind acest parametru va arăta aproximativ după cum urmează:

<а href="http://www.mysite.com/docl.html" target="_top">

Un astfel de hyperlink va forța browser-ul pentru a descărca pagina web, a cărei adrese este specificată ca valoare a parametrului HREF, în cadrul superior, numele căruia este specificat în parametrul țintă. Ca valoare a ultimului parametru, sunt utilizate cuvintele cheie definite în specificația HTML. Ne vom uita la ele în secțiunea dedicată cadrelor.

Unele informații de intrare și hyperlink-uri vă permit să mutați focalizarea de intrare utilizând tasta Tab, adică o apăsare a acestei taste activeaza următorul corp de intrare, care este inclus în secvența totală. Și ordinea mișcării dintre comenzile incluse în secvența globală este setată utilizând parametrul Tabindex. Ca valoare a acestui parametru, se utilizează numărul obișnuit integer pozitiv și cu cât este mai mare numărul de intrare de date sau hyperlink, ulterior ajunge la coada de așteptare atunci când focalizarea de intrare se mișcă. În mod natural, nici o pereche de elemente ale paginii web, valoarea acestui parametru nu trebuie să se potrivească, altfel browserul pur și simplu nu le include în secvența elementelor cu mișcarea focalizării de intrare.

Cu toate acestea, în plus față de accesul utilizând apăsări de taste consecutive, putem folosi parametrul cheie de acces, deoarece valoarea este indicată de caracter. Atunci când utilizatorul apasă o cheie care este responsabilă pentru introducerea acestui caracter, focalizarea de intrare este transmisă automat de hiperlinkul dorit, în care este încorporat parametrul tastei de acces, iar utilizatorul o poate activa fără a utiliza mouse-ul, singură apăsând tasta . Luați în considerare un mic exemplu:

<а href="http://www.mysite.com/docl.html" tabindex="2" accesskey="U">

Nu numai textul, ci și o imagine grafică poate acționa ca un transportator de hyperlink. Pentru a face acest lucru, aveți nevoie de o etichetă care anunță introducerea grafică în conținutul paginii web, locul între etichete<а> și. Dar faptul este faptul că, pe imaginea grafică, putem "atârna" nu singuri, dar câteva hyperlink-uri, adică în imagine există mai multe zone active, apăsând mouse-ul pentru fiecare dintre care activează hyperlinkul corespunzător. O astfel de tehnologie se numește grafică segmentată.

Etichetele specializate sunt utilizate pentru a crea imagini grafice similare asociate cu mai multe hyperlink-uri. În primul rând, zonele active ale modelului sunt, de asemenea, anunțate, numite și segmente. Întregul set este harta segmentelor active ale desenului, care i se atribuie un anumit nume. Și apoi acest nume al cardului este asociat cu imaginea în sine, declarată de etichetă . Luați în considerare un exemplu tipic.

Listarea 1.17.

! Doctype html public "- // w3c // dtd html 4.01 // en"
"http://www.w3.org/tr/htm!/strict.dtd"\u003e


Grafică creditată

<р>Acesta este textul obișnuit.



Prima zonă
A doua zonă
A treia zonă


În acest exemplu, se poate observa că atunci când declarați desenul, în etichetă Introducem parametrul USEMAP, valoarea căreia este numele segmentelor active ale desenului asociate cu hyperlink-urile. Înainte de numele cartelei de segment activ utilizat, se introduce simbolul lattice. Descrierea acestui card este plasată între etichete. și. În același timp, la eticheta de deschidere Există un parametru de nume obligatoriu, valoarea căruia este numele cardului.

Cardul constă dintr-o descriere a segmentelor. Fiecare segment este descris folosind o etichetă<агеа>. Putem aplica segmente active de trei forme diferite: dreptunghiuri, cercuri și poligoane. Formularul este setat folosind parametrul de formă necesar. Ca valoare a acestui parametru, putem folosi una din cele trei valori predefinite.

  • Valoare rect. Folosit pentru a crea zone rectangulare active.
  • Valoare cerc. Folosit pentru a crea un segment circular.
  • Valoare Polyvă permite să creați segmente active sub formă de poligoane convexe.

După ce am setat tipul de formular, ar trebui să definiți dimensiunea și locația lor pe imaginea noastră grafică. Pentru a face acest lucru, utilizați parametrul Coords, deoarece valoarea căreia este înregistrată printr-o listă de coordonate care determină segmentul activ. Listarea 1.17 Putem vedea că coordonatele din lista generală sunt separate de virgula obișnuită. Coordonatele de numărare se efectuează din colțul din stânga sus al figurii, care are coordonate (0; 0).

Pentru segmentele dreptunghiulare, sunt setate coordonatele colțului inferior superior și din dreapta sus. Și pentru poligoane, coordonatele tuturor punctelor sunt enumerate secvențial, în ordinea conexiunii prin liniile lor. Firește, prima și ultima pereche de coordonate ar trebui să coincidă, altfel poligonul se dovedește a fi deblocat, iar segmentul activ nu va fi procesat.

În etichetă<аrеа> Parametrul HREF este, de asemenea, inclus, deoarece valoarea URL-ului de resurse, la care indică hyperlinkul acestui segment.
Dar acest parametru, dacă nu este surprinzător, nu este obligatoriu. În cazul în care se creează segmentul, dar nu trebuie conectat la hyperlink, utilizați parametrul Nohref, care nu contează.
Dar parametrul necesar pentru etichetă<аrеа> Totul este așa. Acesta este parametrul ALT, valoarea căruia este șirul de text, care este o reprezentare alternativă a imaginii. După cum știm, acest șir este afișat sub formă de indiciu atunci când utilizatorul trezește mouse-ul peste obiect. În cazul nostru, un obiect similar este un segment activ încorporat într-o imagine grafică.

De asemenea, în Teg.<агеа>Ca și în etichetele hyperlink-urilor obișnuite, se folosesc parametrii cheii Tabindex și acces, care vă permit să activați hyperlinkul fără a utiliza mouse-ul, cu ajutorul unei tastaturi singur. Structura valorilor acestor parametri pe care am privit puțin mai devreme. Un pic care se retrage din subiect, trebuie remarcat faptul că orice web maestru corect trebuie să utilizeze în mod necesar aceste parametri, deoarece numai utilizarea lor poate garanta activarea hyperlink-urilor fără ajutorul mouse-ului.

Deci, ne-am ocupat de utilizarea tehnologiei grafice segmentate. Dar am aflat despre legăturile nu toate. În specificația HTML, este definită o etichetă care creează un hyperlink care nu este familiar, ci o legătură între documentul afișat și orice fișier suplimentar. Etichete pot fi postate numai în secțiunea HTML Document antet, între etichete șiCa exemplu de utilizare a etichetei în cauză Puteți aduce următorul fragment de cod:

Listarea 1.18.

"http://www.w3.org/tr/html4/strict.dtd"\u003e


Capitolul 2.



Cu acest fragment, indicăm că această pagină web conține al doilea capitol al unui anumit document extins și cu etichete Specificăm legăturile cu paginile web care conțin conținutul tabelului, precum și capitolul anterior și următor. Tipul de document la care link-ul specifică este determinat de ajutorul parametrului REL familiar pentru noi, browserul obișnuit, desigur, nu poate procesa și afișa astfel de legături în nici un fel. Acestea au fost introduse în HTML pentru a crea documente care ar fi tratate cu anumite aplicații specializate care permit acest format pentru a crea sisteme de gestionare a documentelor. Dar capacitățile de culinare încorporate ale HTML pentru a crea sisteme de gestionare a documentelor cu drepturi depline au fost în mod evident suficiente și când a fost dezvoltat standardul XML, dezvoltatorii au schimbat cu bucurie preferatul.

Deci, se pare că în eticheta de pagini web obișnuite Absolut inutil? Nu chiar. Folosind numai această etichetă, putem conecta paginile web cu mese de stil extern, un mijloc puternic de afișare a unui afișaj de documente în browser. Dar vom învăța despre mesele de stil puțin mai târziu, în capitolul al doilea. De asemenea, luăm în considerare un exemplu de utilizare a etichetei . Pentru moment, avem doar lista parametrilor acestei etichete. Toți acești parametri sunt aplicați în etichete<а> Cu aceleași valori, deci nu vom lua în considerare fiecare parametru în detaliu, ci pur și simplu listați pe scurt:

  • charset.- indică codificarea documentului la care indică referința;
  • href. - URL-ul documentului este utilizat ca valoare la care indică legătura;
  • hreflang.- valoarea este limba de desemnare a codului pe care este scris documentul de legare;
  • tip- stabilește tipul de document la care indică legătura;
  • Rel.- specifică starea unui document pe care se specifică referința în raport cu documentul sursă;
  • rev.- Specifică starea documentului sursă cu privire la care indică această referință;
  • mass-media- Indică tipul de dispozitiv pe care va fi afișat documentul pe care indică legătura.

În prezent, documentele sunt susținute pe monitoarele convenționale, pe monitoarele Braille concepute pentru persoanele cu pierderi de viziune, pentru dispozitivele de imprimare și dispozitive de redare a vorbirii. Și, desigur, în plus față de acești parametri, se utilizează un set de parametri obișnuiți de identificare pentru toate etichetele.

Rămâne să ia în considerare doar o singură etichetă utilizată pentru a menține hyperlink-urile. După cum știm, nu putem specifica o adresă URL completă pentru documentele care indică hyperlink-uri dacă acest document se află pe același site web ca pagina web originală. Dar se pare că putem acționa în același mod cu hyperlink-urile pe paginile web care fac parte din alte site-uri.

Cu etichetă Am stabilit baza pentru hyperlink-uri cu valori scurtate ale parametrului HREF. Să încercăm să demonstrăm acțiunea acestui mecanism pe un exemplu simplu și vizual:

"http://www.w3.org/tr/html4/strict.dtd"\u003e

Pagină web

<Р>Text<А href="/pages/birds.gif">Legătură


Ca valoare a etichetei HREF Parameter obligatorie Specificăm un document care este baza pentru conținutul paginilor web ale site-ului nostru. Și acum, dacă folosim un hyperlink cu o adresă URL redusă în documentul nostru HTML, atunci ca un nume de domeniu pentru această adresă URL nu va fi utilizat de numele site-ului sursă, dar cel specificat în etichetă . Astfel, în exemplul, hyperlinkul lovește documentul

C URL www.mysite.com/pages/birds.gif.

Ar trebui clarificat faptul că eticheta plasate în antetul documentului dintre etichete și .

Și asta este tot ce putem spune despre utilizarea hyperlink-urilor în HTML.

Hypertext este un text care conține legături către un alt text. Un exemplu este notele autorului privind definițiile complexe sau notele de subsol ale traducătorilor din partea de jos a paginii de carte, dacă există un text într-o limbă străină. Site-urile de internet reprezintă un sistem complex de tranziții hipertext de la o pagină la alta, în cadrul paginii în sine, precum și între resurse unice independente. O astfel de structură este practică, economisește mult timp, permite vizitatorului să găsească rapid informațiile necesare și să nu fie confuză într-un număr mare de tranziții.

Introducerea hyperlink-urilor

HTML pentru introducerea hyperlinkului utilizează un descriptor (etichetă) care este introdus în locul potrivit. De obicei, este postat printre text, deoarece hyperlinkul în sine este o structură de text. Dar link-urile sunt încă grafice (icoane, butoane, imagini); Ei vor fi spuse. Locația lor pe pagina web nu se limitează la text și depinde de soluția de designer către creatorul site-ului.

pagina principală Google.

Acesta este un exemplu de utilizare a unui hyperlink la un document HTML, care este realizat prin intermediul unei etichete . Vizitatorul site-ului va vedea un alt text subliniat decât culoarea textului înconjurător (culoarea legăturilor HTML poate fi oricare), "Pagina de pornire a Google" făcând clic pe care, va cădea pe pagina principală a motorului de căutare Google . Trebuie remarcat faptul că textul hyperlinkului trebuie să conțină informații despre locul în care se efectuează tranziția. Acest principiu ar trebui să fie respectat și să ia regula!

Structura tag-ului ...

Puteți vedea eticheta - pereche: aveți nevoie de o etichetă de închidere.

href-atribut. Etichetă, specifică atribuirea legăturii.

https://google.com/ - valoarea atributului.Închiderea adresei URL a resursei la care va fi efectuată tranziția. Se află în citate dublă sau unică. Depinde de structura etichetelor de cuibărit conform regulilor HTML.

pagina principală Google.

acest întreg design este numit elementdocumentul web.

Conform regulilor HTML, unele elemente pot conține alte elemente. Etichetă nu o excepție. Dacă programatorul trebuie să evidențieze corpul Google, se face folosind eticheta conform regulilor de formatare generală a textului, observând secvența de cuibărire a etichetelor. Webmasterul ar trebui să știe cum să creeze un hyperlink în HTML fără erori, altfel nu vor funcționa. Referințele dezactivate pe slangul de calculator sunt numite "biți".

pagina principală. Google

Aici: Element

pagina principală. Google

conține element imbricat

Google

Hyperlink-uri absolute

protocol: // Numele domeniului / calea de fișier

Un exemplu de adresă a motorului de căutare comun în America: https://aol.com este absolut, deoarece conține numele de domeniu.com.

Hyperlink-urile absolute sunt folosite pentru a merge la paginile altor site-uri sau pentru a accesa resursele situate pe un alt server. Tranziția se efectuează utilizând protocoalele Internet. Protocoalele nu sunt subiectul acestui articol, dar deoarece sunt implicați în crearea hyperlink-urilor, este necesar să le menționăm cel puțin pe scurt:

  • http.și https -cel mai comun; pe ele se efectuează tranziția între paginile de internet ale diferitelor site-uri;
  • fTP -protocol pentru descărcarea fișierelor pe un server sau descărcarea de către utilizator de pe site;
  • mailto -protocolul poștal pentru care e-mailul este trimis direct de pe site, fără a intra în corespondența personală.

Există mai multe protocoale de uz special (Gopher, Telnet), care sunt destul de rare, a căror utilizare necesită cunoștințe speciale în programare sau administrare a sistemului.

Hyperlink-uri relative

Cu adresarea relativă, utilizarea hyperlink-urilor în HTML servește la tranziție în cadrul resursei și nu duce la limitele sale. Dacă pagina este atât de mare încât bara de derulare verticală funcționează, uneori foarte lungă, deoarece, de exemplu, în dicționare, este foarte convenabil și adecvat să utilizați legături relative pentru a trece rapid la litera dorită.

Crearea unui dicționar de internet, un programator la începutul paginii are un alfabet, iar dacă nu ar fi fost pentru utilizarea de legături, utilizatorul ar trebui să transforme roata mouse-ului pentru o perioadă foarte lungă de timp pentru a ajunge la litera "I" .

Du-te la litera i

unde ya.numit ancorădar Du-te la litera i- Destinația de ancorare. Pentru a afișa în mod corespunzător, ancorele au recomandat utilizarea literelor latine și a numerelor, deci nu scrieți "ME", deși ar fi mai clară.

Acum, pentru ca trecerea de la alfabet la începutul paginii la litera "I", trebuie să faceți o legare de ancoră în locul documentului HTML, în care cuvintele încep cu litera "I":

scrisoarea I.

Înainte de ancoră există un semn de zăbrele, fără de care trecerea la scrisoare nu va funcționa.

Adresarea relativă la crearea unui site

Algoritmul convenabil și cel mai general acceptat pentru crearea unui programator de site:

  • crearea unui dosar pe un computer și locația sa într-un loc de acces rapid pentru comoditate;
  • crearea în acest director principal;
  • crearea de pagini web secundare (index.html / pagina2);
  • și plasarea în fișiere grafice;
  • crearea unui dosar și plasarea altor obiecte în el (de exemplu, fișierele pentru descărcare);
  • umplerea conținutului site-ului;
  • plasarea fișierelor site-ului pe găzduire.

Asigurați-vă că utilizați linkuri pentru comunicarea între elementele site-ului și va fi foarte mult prin modul în care doriți să introduceți un hyperlink în HTML la o altă pagină a aceluiași site. Dacă fișierele site-ului se află într-un singur director, pe un server, atunci nu este nevoie să utilizați adresa absolută. La transferul fișierelor site-ului la găzduire, conexiunea dintre obiecte va rămâne, deoarece acestea vor fi localizate și pe găzduirea într-un singur director.

Să presupunem că programatierul a creat pagina principală a site-ului index.html, pe care există o legătură cu o altă pagină2.html, decorată cu o imagine IMG.png. Apoi, calea relativă la această imagine va arăta astfel:

imagine

Sfat: Atunci când studiați acest subiect, este mai bine să utilizați un editor de text simplu datorită faptului că trebuie să achiziționați un zăngănit în scrisul corect al adreselor de tranziție și să învățați cum să vă ocupați de codul altcuiva. În acest stadiu, va fi un rezultat bun fără erori, hyperlink înregistrat în Notepad,HTML nu le iertă și dă erori.

Metode de tranziție prin hyperlink-uri

În mod implicit, noua pagină se deschide în fereastra curentă a browserului când utilizatorul face clic pe hyperlink. Dar programul de web poate schimba valoarea implicită și poate deschide pagina, de exemplu, într-o fereastră nouă. Pentru a face acest lucru, există un atribut ţintă. cu o anumită valoare. Viu acest lucru poate fi exprimat printr-o masă.

Sintaxă atribute. Ţintă:

pagina principală Google.

Pagina principală "Google" se va deschide într-o fereastră nouă.

Notă: Pentru a deschide pagini într-o filă nouă, nu există valori pentru acest atribut și stabilește utilizatorul de către utilizator în setările browserului.

Hyperlink color

Un utilizator de internet experimentat a trebuit în cele din urmă să observe că hyperlink-urile diferă în culoarea textului înconjurător și, de obicei, sunt albastre. Link-uri pentru care a trecut și apoi returnat la pagina anterioară, devin liliac. Utilizarea hyperlink-urilor în HTML într-o schemă de culori non-standard, dar evidențiază site-ul printre celelalte.

Link-urile sunt setate în etichetă Folosind atribute și valorile lor în care culoarea HTML este în sistemul RGB (# 00F00) sau cu indicarea directă a numelui de culoare ("verde"). Există trei tipuri de atribute pentru link-uri:

  • link - Specifică culoarea legăturii fără cunoștință;
  • vLINK - stabilește culoarea legăturilor prin care utilizatorul a trecut deja;
  • alink - Specifică culoarea legăturii la momentul tranziției către o altă pagină. Acest lucru se întâmplă repede, deci nu este întotdeauna posibil să prindeți acest efect.

Exemplu Markup:

Dacă aplicați aceste atribute în etichetă Link-urile acestui document Web vor fi vizitate albastru închis - liliac și roșu-portocaliu.

Hyperlink-uri grafice

Progresul și dezvoltarea designului web obligă să știe cum să introduceți un hyperlink în HTML ca o imagine. Este clar că imaginea trebuie să corespundă conținutului paginii de destinație. De exemplu, pagina principală a plantelor medicinale poate fi reprezentată ca fotografii ale plantelor făcând clic pe care utilizatorul se va întoarce la pagina pe care sunt descrise proprietățile medicamentului.

Metoda de înlocuire a butoanelor statice este utilizată pe scară largă ( ) În graficul frumos, creat de web designer în editori grafice (GIMP, Photoshop).

Pentru a introduce grafică ca hyperlink de pe pagină, se utilizează aceeași sintaxă, numai în loc de text, se utilizează eticheta de inserare a imaginii conform regulilor HTML:

Atributele sarcinilor de text alternativ, lățimi, înălțimi și altele se aplică la aceleași.

Apeluri de pe site

Standardul HTML5 a extins funcționalitatea utilizării internetului și acum puteți efectua apeluri nu numai de la telefon, ci direct de pe site. În acest scop, puteți utiliza, de asemenea, hyperlink-uri în documentul HTML și au o astfel de sintaxă:

...abonat...

În schimb, cuvântul "abonat" este prescris de un contact clar de vițel, ca în agenda telefonică. De asemenea, puteți plasa un fișier grafic (abonat fotografia).

Pentru a efectua apeluri de pe site, este necesar să nu fiți doar legături cu numărul de telefon al abonatului, ci și căștile (microfonul, căștile) instalate pe calculatorul programului VoIP, viteza internetului trebuie să depășească 0,5 MB / s. Plata pentru apeluri se efectuează prin trafic. Prin urmare, dacă internetul este nelimitat, atunci apelurile sunt gratuite.

Etica creării hyperlinkului

Locația pe Internet, webmasterul trebuie să știe ce tipuri de hyperlink-uri există în HTML și nu numai în mod corect, să le aplice profesional, dar și să respecte următoarele dispoziții:

  • Hyperlinkul va fi clar vizibil, diferă de textul înconjurat. Utilizatorul trebuie să știe că acesta este un hyperlink.
  • Utilizatorul trebuie să fie clar în cazul în care el va cădea făcând clic pe link. Pentru a face acest lucru, este recomandabil să utilizați un alt atribut titlu Care descrie concis pagina de tranziție. Sintaxă atribut astfel:

Yandex.

  • Utilizatorul trebuie să primească informații veridice despre fișierul care va fi descărcat când este afișat linkul.

După ce ați lovit pagina așteptată sau descărcarea fișierului greșit, utilizatorul din 99% din cazuri va părăsi imediat site-ul și nu va veni niciodată în viitor.

Anti-SEO când creați hyperlink-uri

În plus față de partea tehnică a întrebării modului de introducere a unui hyperlink în HTML, ar trebui iluminat un aspect moral. Există multe site-uri, accesul la care utilizatorii sunt blocați de programele de securitate (antivirus) sau chiar de stat. Acestea sunt acele site-uri care au fost create necurate la îndemână cu programatori web.

Unul dintre trucurile la care stau este inserarea hyperlink-urilor "invizibile" pe pagina web. Scamrii știu cum să creeze un hyperlink în HTML și cu ajutorul atributelor pentru a elimina legăturile și pentru a atribui culoarea textului înconjurător, astfel încât utilizatorul obișnuit să nu o vadă. Și cu alte instrumente tehnologii Web (CSS, JavaScript, PHP), puteți să vă programați comportamentul. De exemplu, evenimentul JavaScrid Language Onmouseover activează elementul paginii web. Când utilizatorul cheltuiește cursorul peste legătura invizibilă, acesta scade pe pagina publicitară a unui alt site. Sau mai rău atunci când o legătură invizibilă cu fișierul este prezentă și software-ul inutil începe să descarce și computerul său. Acestea sunt, de obicei, viruși care schimbă pagina de pornire a browserului, așternau un hard disk cu o masă de programe și așa mai departe.

Curând aceste site-uri intră în "lista neagră" a bazelor de date virale, a sistemelor de securitate și a utilizatorilor de internet înșiși. Astfel de site-uri nu trăiesc mult timp și trebuie să-și schimbe numele, să migreze infinit pe Internet, schimbând furnizorii gazdă. Nu contribuie la promovarea site-ului, care se străduiește întotdeauna pentru Creatorul său, nu va face niciodată un megalist, cum ar fi, de exemplu, rețeaua socială. Printre altele, astfel de trucuri provoacă multe emoții negative de la persoanele afectate de aceste acțiuni.



Ți-a plăcut articolul? Împărtășește-l