Calculatoare, Programare
Cum se introduce un hyperlink în HTML? Crearea și utilizarea hyperlink-uri într-un HTML
Hypertext este un text care conține link-uri către alt text. Exemple sunt note ale autorului cu privire la definiții complexe sau notele de subsol de traducere în partea de jos a paginilor de carte, în cazul în care se constată text într-o limbă străină. Site-uri Internet sunt un sistem complex de hipertext sare de la o pagină la alta în cadrul paginii în sine, ci și între resurse unice care nu au legătură cu teme. O astfel de structură este practic, salvează o mulțime de timp, permite vizitatorilor să găsească rapid informațiile de care aveți nevoie, și nu să se piardă într-un număr mare de tranziții.
Inserare hyperlink
În HTML pentru a insera hyperlink-uri folosind descriptor (tag), care se introduce în locul potrivit. De obicei, este o între textul ca un hyperlink în sine este o structură de text. Dar link-urile sunt mai multe grafice (pictograme, butoane, imagini); dintre acestea vor fi discutate în continuare. Amplasarea lor pe o pagină web nu este limitat la text, dar depinde de site-ul de proiectare factor de decizie.
Acesta este un exemplu al modului de a insera un hyperlink la document HTML, care este purtat de tag-ul. Vizitatorii site-ului vor vedea textul subliniat că este diferită de culoarea textului din jur (culoarea HTML-link-uri pot fi orice), „pagina de pornire Google“, făcând clic pe aceasta, el va ajunge la pagina de start, „Google“ motorul de căutare. Trebuie remarcat faptul că textul hyperlink-ar trebui să conțină informații cu privire la cazul în care tranziția va fi efectuată. Acest principiu ar trebui să fie urmat și luate ca regulă!
Structura de tag-ul ...
Este posibil să observați că tag-ul - Doubles: necesar tag de închidere .
href - atribut etichetă specifică destinația unui link.
https://google.com/ - valoare de atribut, includeți URL-adresa unei resurse pe care să facă tranziția. Este ghilimele duble sau single. Aceasta depinde de structura etichetei de cuibărit a regulilor HTML.
întreaga structură este un element al unui document web.
În conformitate cu regulile de HTML, unele elemente pot conține alte elemente. Tag nu face excepție. În cazul în care au nevoie de programator pentru a evidenția cu caractere aldine cuvântul Google, puteți face acest lucru utilizând tag-ul în conformitate cu regulile generale de formatare a textului în secvența de etichete imbricate. Webmaster ar trebui să știe cum să creeze un hyperlink într-un HTML fără erori, în caz contrar acestea nu vor funcționa. Link-uri sparte la jargon computer numit „bătut“.
Aici: elementul
Acesta conține imbricat
Acum, pagina de un vizitator vede hyperlink text cu caractere aldine cuvântul „Google“.
hyperlink-uri absolute
Hyperlinkuri care utilizează absolute URL-adrese de site - uri care contin nume de domenii (.ru, .com, .org, .gov ), numit absolută, și au următoarea sintaxă:
Protocol: // numele domeniului / calea fișierului
Exemplul adresa pe scară largă în America de motor de căutare: https://aol.com - absolută, deoarece conține .com nume de domeniu.
hyperlink-uri absolute sunt folosite pentru a naviga la paginile altor site-uri sau pentru a accesa resursele aflate pe un alt server. Tranziția este realizată prin utilizarea protocolului Internet. Protocoalele - acest lucru nu este subiectul acestui articol, dar acestea participă la crearea de hyperlink-uri, trebuie cel puțin să le menționăm pe scurt:
- http și https - cele mai frecvente; pentru ei pentru a comuta între paginile web ale site-uri diferite;
- ftp - un protocol pentru încărcarea fișierelor pe server sau utilizatorul descarca de pe site - ul;
- mailto - protocol de mail care trimite e-mail direct de pe site - ul, fără a merge la personal de e-mail.
Există câteva rapoarte de destinație specială (Gopher, telnet), este destul de rar, a căror utilizare necesită cunoștințe speciale în administrarea de programare sau de sistem.
hyperlink-uri relative
Cu abordarea relativă, utilizarea de hyperlink-uri în HTML utilizat pentru tranziții în viață și nu duce dincolo de ea. Dacă pagina este atât de mare încât se execută de defilare verticală, uneori foarte mult timp, cum ar fi într-un dicționar, este foarte convenabil și adecvat pentru a utiliza link-uri relative pentru a sări la litera dorită.
Crearea dicționar on-line, un programator la începutul paginii are alfabetul, și dacă nu pentru utilizarea link-uri, utilizatorul ar fi avut foarte mult timp pentru a porni roata mouse-ului pentru a ajunge la litera „I“.
Pentru a crea o legătură relativă folosind numele atributului eticheta:
în cazul în care ya numit ancora, în timp ce Înapoi la litera I - ancoră destinație. Pentru afișarea corectă a ancorelor este recomandat să se folosească litere și numere, asa ca nu scrie „I“, deși ar fi fost de înțeles.
Acum, că tranziția de la alfabetul la începutul paginii la litera „I“, este necesar să se facă peg ancora în documentul HTML, care începe cu litera „I“:
în fața ancora standuri semnul pentru număr, fără de care trecerea la scrisoarea nu va funcționa.
abordarea relativă atunci când construirea unui site web
Convenabil și algoritmul cel mai comun pentru crearea unui site de software:
- Creați un folder de pe computer și locația sa pe site pentru comoditatea de acces rapid;
- crearea index.html în dosarul paginii de start;
- crearea paginii web secundar (index.html / Pagina2);
- Creați un dosar și plasarea acestuia în fișierele de imagine;
- Creați un folder și plasarea altor obiecte (fișiere pentru download, de exemplu);
- umplerea continutului site-ului;
- plasarea pe site-ul găzduirea fișierelor.
trebuie neapărat să fie utilizate pentru legături de comunicare între elementele site-ului, și va fi foarte util să știți cum să inserați un hyperlink în HTML la o altă pagină a aceluiași site. În cazul în care site se află în același director pe același server, nu este nevoie de a utiliza o adresa absoluta. Atunci când transferul de fișiere pe site-ul care găzduiește legătura dintre obiectele rămân, deoarece acestea sunt de găzduire și vor fi plasate în același director.
Să presupunem că un programator a creat un site index.html pagina principală, care are un link către o altă pagină page2.html, decorat cu o img.png imagine. Apoi, calea în raport cu imaginea va arăta astfel:
Sfat: în studiul acestui subiect este cel mai bine de a utiliza un editor de text simplu pentru motivul că este necesar să dobândească competență în scrierea corectă a adreselor de tranziție, și să învețe să înțeleagă codul altcuiva. În această etapă , va fi un rezultat bun , fără un hyperlink într - un caiet scris-eroare, HTML nu le iartă, și dă o eroare.
Metode faceți clic pe un hyperlink
În mod implicit, se deschide o nouă pagină în fereastra browser-ului curent atunci când un utilizator face clic pe hyperlink. Dar un programator web poate schimba implicit și forța deschide pagina, de exemplu, într-o fereastră nouă. În acest scop , există un atribut țintă cu o anumită valoare. Nicăieri nu este posibil să se exprime masa.
| _blank | deschide pagina într-o fereastră nouă de browser |
| _self | se va deschide în fereastra curentă (setare implicită) |
| _parent | se deschide pagina în cadrul părinte |
| _top | folosind cadre le anulați și deschide pagina în fereastra browser-ului curent |
Sintaxa pentru aplicarea atributelor țintă:
Acasă „Google“ se va deschide într-o fereastră nouă.
Notă: pentru a deschide pagina într - o filă nouă, nu există nici o valoare pentru acest atribut, și este stabilit de către utilizator în setările browser - ului.
Culoarea hyperlink-uri
Un utilizator experimentat de Internet a lungul timpului, ar fi observat că hyperlink-uri sunt diferite în culoare din textul din jur, iar acestea sunt de obicei albastre. Link-uri pe care a trecut, și apoi a mers înapoi la pagina anterioară, sunt liliac. Utilizarea hyperlink-uri în HTML în culori non-standard, un pic, dar alocă site-ul, printre altele.
Setează culoarea de link-uri în
tag-ul folosind atributele și valorile lor, care servește de culoare HTML în sistem rgb (# 00FF00) sau cu o indicație directă a numelui culorii ( «verde»). Există trei tipuri de atribute pentru link-uri:- link-ul - definește culoarea legăturilor nevizitate;
- VLINK - specifică culoarea link-urile prin care utilizatorul a trecut deja;
- ALINK - specifica culoarea link-ul atunci când se trece la o altă pagină. Este rapid, astfel încât să nu se poate prinde întotdeauna acest efect.
marcare Exemplu:
Dacă aplicați aceste atribute în tag-ul
, referința documentului web va fi albastru inchis, vizitate - violet și activă - portocaliu-roșu.hyperlink-uri grafice
Progres și dezvoltare web design necesită să știe cum să inserați un hyperlink în HTML ca imagine. Este clar că imaginea trebuie să corespundă conținutului paginii de destinație. De exemplu, pagina principală a plantelor medicinale pot fi prezentate sub formă de fotografii de plante, făcând clic pe care utilizatorul va merge la o pagină care descrie proprietățile medicinale ale plantelor.
Pe scară largă modalitate utilizată pentru a înlocui butoanele statice () la frumoasele grafica create de un web designer în editorul de grafică (Gimp, Photoshop).
Pentru a insera un grafic ca hyperlink-uri de pe paginile site-ul utilizează aceeași sintaxă, dar în loc de text utilizând o etichetă de imagine prin inserarea regulilor de HTML:
Prin tag - ul în același mod atributele aplicabile specifica o alternativă de text, lățimea, înălțimea, și altele.
Apelurile de pe site-ul web
standard, a extins html5 funcționalitatea utilizării Internetului, iar 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 într-un document HTML, și au următoarea sintaxă:
În loc de cuvântul „partid“ este prescris de contact apelant intuitiv în agenda telefonică. Puteți plasa, de asemenea, un fișier grafic (foto utilizator).
Că apeluri au fost efectuate pe site, trebuie să aveți nu numai o referință la numărul de telefon al abonatului, dar, de asemenea, un set cu cască (microfon, căști) instalate pe computer VoIP program, viteza de internet ar trebui să depășească 0,5 MB / sec. Plata pentru apelurile efectuate fluxul de trafic. Prin urmare, în cazul în care Internetul este nelimitat, apelurile sunt gratuite.
Etica a crea hyperlink-uri
Prin plasarea pe site-ul de pe Internet, webmaster-ar trebui să știe ce fel există hyperlink-uri în HTML, și nu numai dreptul de a le folosi profesional, dar, de asemenea, să adere la următoarele dispoziții:
- Hyperlinkul va fi ușor vizibil, diferit de textul său înconjurător. Utilizatorul trebuie să știe că este - un hyperlink.
- Utilizatorul ar trebui să fie clar în cazul în care acesta va primi, făcând clic pe link-ul. Pentru a face acest lucru, este recomandabil să se utilizeze mai mult din titlu atribut, care descrie succint pagina de conversie. Sintaxa atributului de aplicare este:
- Utilizatorul trebuie să obțină informații exacte cu privire la fișierul va fi descărcat atunci când faceți clic pe link-ul.
Odată ce nu este pagina așteptată sau prin descărcarea fișierului greșit, utilizatorul este de 99% din imediat părăsi site-ul și niciodată pe ea nu a mers în jos în viitor.
Anti-SEO pentru a crea hyperlink-uri
În plus față de partea tehnică a problemei modului de a insera un hyperlink în HTML, ar trebui să fie subliniat aspect mai mult și morală. Există multe site-uri la care accesul este utilizatorilor la software-ul de securitate (antivirus), sau chiar starea blocată. Acestea sunt site-urile care au fost create pe de o parte programatori web necurat.
Unul dintre trucurile la care recurg - este de a introduce „invizibil“ hyperlink pe o pagină Web. Escrocii știu cum să creați un hyperlink în HTML, și de a folosi atributul de subliniere pentru a elimina link-uri și de a atribui culoarea textului din jur, astfel încât utilizatorul mediu nu o văd. Și cu ajutorul altor tehnologii web instrumente (CSS, JavaScript, PHP) pot fi programate comportamentul lor. De exemplu, un eveniment de limbă onMouseover JavaScript activează efectul elemente ale paginii web. În cazul în care utilizatorul deține cursorul într-o legătură invizibilă, el devine pe paginile de publicitate ale altor site-uri. Sau chiar mai rău, atunci când există o legătură invizibilă într-un fișier de pe computerul său și începe descărcat și instalat software-ul care nu sunt necesare. De obicei, un virus care a modificat pagina de pornire browser-ul, gunoi hard disk și alte programe de masă.
Curând aceste site-uri se încadrează în „lista neagră“ a bazei de date a virusului, securitatea și mediul a utilizatorilor de Internet. Astfel de site-uri nu durează mult, și ei trebuie să schimbe numele lor de a migra la nesfârșit pe internet, schimbarea furnizorului de gazdă. Acest lucru nu este propice pentru promovarea unui site, la care se caută întotdeauna creatorul său, niciodată nu face megaportals, cum ar fi, de exemplu, rețelele sociale. Printre altele, aceste trucuri provoca mai multe emoții negative în victime ale acestor acțiuni umane.
Similar articles
Trending Now