Përshkrim
Etiketa HTML përcakton marrëdhënien midis dokumentit aktual html dhe burimit të jashtëm të cilit i referohet. Është një element bosh (pa përmbajtje ose etiketë fundore) dhe duhet të vendoset gjithmonë brenda një elementi
. Etiketa më e zakonshme përdoret për të përfshirë fletë të jashtme të stilit:
Atributi i parë href specifikon adresën e dokumentit, e cila mund të jetë ose absolute ose relative. Atributi i dytë rel tregon një lidhje ndërmjet skedar HTML dhe asaj që ju referoheni këtë rast ne po i referohemi një fletë stili, kështu që përdoret vlera e fletës së stilit. atribut lloji i tregon shfletuesit llojin MIME të dokumentit, për fletët e stilit vlera do të jetë gjithmonë "text/css".
Shënim: sipas standardit HTML5, kur lidhni një të jashtme skedar css, tip atribut nuk kërkohet të specifikojë:
Parangarkimi i faqeve
Zakonisht, kur klikoni në një lidhje në një faqe tjetër, duhet të prisni disa sekonda që ajo të ngarkohet. Megjithatë, ju mund ta personalizoni faqen tuaj të internetit në atë mënyrë që faqe të caktuara ngarkuar paraprakisht në cache të shfletuesit ndërsa jeni në faqen aktuale. Kjo do të thotë që kur klikoni në një lidhje për të shkuar në një faqe tjetër web, ajo do të hapet menjëherë dhe nuk do t'ju duhet të prisni që të ngarkohet. Kjo quhet "marrje paraprake e faqes". Për ta bërë këtë, përdorni etiketën me atributin rel="prefetch", si dhe duke specifikuar faqe e uljes i cili do të ngarkohet paraprakisht në kompjuterin tuaj.
Kjo hyrje do t'ju lejojë të ruani paraprakisht faqen tag_p.php në kompjuterin tuaj ndërsa jeni duke lexuar përmbajtjen. Faqja aktuale. Mund të përdorni etiketën për të ngarkuar paraprakisht çdo numër faqesh në faqen tuaj ose në ndonjë tjetër nga interneti.
Shënim: në vend të një adrese në një dokument HTML, mund të specifikoni rrugën drejt një skedari të një lloji tjetër (imazh, video, etj.).
Atributet
href: Përcakton vendndodhjen (URL) të skedarit të jashtëm (rruga drejt skedarit mund të specifikohet duke përdorur një adresë absolute ose relative). hreflang: Përcakton një kod gjuhe me dy shkronja që specifikon gjuhën e dokumentit me të cilin lidhet. Atributi hreflang përdoret vetëm në lidhje me atributin href. media: Përcakton se për cilat pajisje është optimizuar skedari. Përdoret kryesisht me skedarët e fletës së stilit për të përcaktuar stile të ndryshme nën tipe te ndryshme transportuesit. Atributi media mund të marrë shumë vlera në të njëjtën kohë, të ndara me hapësira. rel: Tregon marrëdhënien ndërmjet dokument aktual dhe dokumenti në të cilin të çon lidhja.- alternative- një lidhje me një version alternativ të dokumentit (p.sh. faqe për printim, përkthim ose pasqyrë).
- autor- përcakton një lidhje në faqen në lidhje me autorin e dokumentit ose në faqen me të dhënat e kontaktit të autorit.
- kanonike- ju lejon të etiketoni faqet me përmbajtje të kopjuar, që do të thotë se të gjitha faqet që kanë të njëjtën përmbajtje duhet të përmbajnë etiketën me atributin rel="kanonik".
Atributi href, në këtë rast, duhet të përmbajë një lidhje me një faqe me përmbajtje identike, të cilën motorët e kërkimit duhet ta konsiderojnë si kryesorin:
- së pari- tregon një lidhje që çon në dokumentin e parë në një sekuencë dokumentesh.
- ndihmë- lidhje me një dokument me ndihmë.
- ikonën- përcakton rrugën drejt ikonës që do të përdoret për dokumentin aktual.
- e fundit- tregon një lidhje që çon në dokumenti i fundit në sekuencën e dokumenteve.
- liçensë- Lidhja me informacionin e të drejtës së autorit për dokumentin.
- tjetër- tregon se ky dokument është pjesë e një serie dhe se lidhja do të çojë në dokumenti tjetër në këtë seri.
- paraprakisht- tregon se skedari në të cilin çon lidhja duhet të ruhet paraprakisht në memorien e fshehtë.
- paraardhëse- tregon që ky dokument është pjesë e një serie dhe se lidhja të çon në dokumentin e mëparshëm të kësaj serie.
- kërkimi- lidhje për të kërkuar dokumentin.
- fletë stili- përcakton skedar i jashtëm, e cila do të përdoret si fletë stili për këtë dokument.
- gjerësiaXlartësia- përcakton një listë të madhësive të ndara sipas hapësirave, secila madhësi duhet të jetë në formatin - widthxheight (madhësitë e ikonave përcaktohen në piksel), shembull:
- ndonjë- ikona mund të shkallëzohet në çdo madhësi.
Etiketë gjithashtu mbështet
Në këtë kapitull:
Ka miliona në internet dokumente elektronike shpesh të ngjashme në temë dhe të fokusuara në të njëjtin audiencë përdoruesi. Kalimi në dokumente të tjera do të dukej i vështirë dhe i lodhshëm nëse nuk do të ishte për mundësinë e lidhjes së dokumenteve HTML me njëri-tjetrin duke përdorur lidhje hiperteksti.
Në fakt, çdo lidhje hiperteksti është një tregues adrese në rrjeti global, i cili mund të lundrohet në çast në një dritare të shfletuesit. Ndjekja me sukses e lidhjes është e mundur në dy raste: nëse ekziston dokumenti të cilit i referohet dokumenti dhe nëse sintaksa e hiperlidhjes është e saktë nga pikëpamja e HTML.
Sintaksë
Përdoret për të krijuar lidhje në dokumente HTML. element, përmbajtja e tij vepron si një etiketë, e cila do të përdoret për të lundruar. Nga një element për të krijuar një lidhje aktive, duhet të shtoni atributin href në të.
Atributi href përmban si vlerë adresën (relative ose absolute) në të cilën do të tregojë lidhja. Kur klikohet një lidhje, shfletuesi merr dhe shfaq dokumentin, adresa e të cilit është specifikuar në atributin href:
Shënim: Mund të zbrisni vetëm aq dosje sa i keni krijuar. Për shembull, nëse keni krijuar një dosje 10 nivele poshtë rrënjës, mund të specifikoni një shteg që do t'ju çojë poshtë 10 dosje. Sidoqoftë, nëse keni kaq shumë nivele, ka shumë të ngjarë të thotë që organizimi i faqes suaj është i pakëndshëm. "directory1/directory2/page.html" Shënim: simbolet .. mund të përdoren sa herë të doni me radhë, duke i përdorur ato, ngjiteni çdo herë nga një dosje. Sidoqoftë, mund të ngjiteni lart derisa të vini te dosja kryesore e faqes suaj. Nuk mund të shkosh më lart se kjo dosje. "../../page.html" "../../../cat1/cat2/page.html" - ne ngjitemi nga dosja aktuale tre direktori më sipër dhe prej saj zbresim dy nivele më poshtë në skedarin e kërkuar Shënim: kur karakteri "/" specifikohet i pari, do të thotë se shtegu fillon nga direktoria rrënjësore. "/cat1/cat2/car.png" Adresa absolute zakonisht përdoret për të specifikuar shtegun drejt një skedari që ndodhet në një pjesë tjetër të rrjetit. Është URL-ja e plotë e një skedari ose faqeje. Para së gjithash, protokolli i përdorur tregohet në adresë, i ndjekur nga emri i domenit (emri i faqes). Për shembull: http://www.example.ru - kjo është mënyra se si duket rruga absolute për një faqe interneti specifike. http:// është një protokoll i transferimit të të dhënave, dhe www.example.ru është emri i faqes (domeni). Një adresë absolute mund të përdoret gjithashtu në faqen tuaj. Megjithatë, brenda një faqeje, rekomandohet të përdoret një shteg relativ si vlerë e lidhjes. Tani le të shohim se çfarë është URL-adresa. Çdo faqe interneti në internet ka adresën e saj unike, e cila quhet URL. Shkurtesa URL qëndron për U uniforme R burim L ocator (Adresa Uniform Resource), e thënë thjesht, një URL është një gjetës i burimeve. Kjo mënyrë e të shkruarit të një adrese është e standardizuar në internet. Disa shembuj URL: "http://site" "http://site/html/?p=all_tags" Në mënyrë që faqja në të cilën të çon lidhja të hapet në një dritare të re, do t'ju duhet t'i tregoni shfletuesit emrin e dritares në të cilën dëshironi të hapni faqen. Nëse nuk i thoni shfletuesit të përdorë një dritare specifike, ai do të hapë faqen në dritaren aktuale. Për t'i thënë shfletuesit që të përdorë një dritare tjetër kur hap faqen në vend të asaj aktuale, shto elementin atribut objektiv. Vlera e tij i tregon shfletuesit dritaren e synuar për faqen. Nëse përdorni _blank si vlerë të atributit të synuar, atëherë shfletuesi do të hapë gjithmonë një dritare të re për çdo faqe të re:
Një faqe tjetër. Nëse e vendosni atributin objektiv në _blank, lidhja do të hapet në një dritare të re.katalog/
Nëse skedari në të cilin duhet të specifikoni shtegun ndodhet në një direktori fëmijësh në lidhje me skedarin me një lidhje, kjo do të thotë që ne duhet të zbresim një nivel (në dosjen e fëmijëve të drejtorisë aktuale), në këtë rast rruga fillon me emrin e drejtorisë së fëmijës, pas saj emri tregohet me një prerje përpara "/", shërben për të ndarë pjesët e shtegut, pas saj tregohet emri i skedarit që na nevojitet.
"directory/page.html"
../
Nëse dëshironi të tregoni se skedari të cilit i referoheni është në dosjen mëmë, përdorni simbolet .. (dy pika), ato do të thotë të shkoni lart një nivel (në dosjen mëmë të drejtorisë aktuale). Më pas, ne specifikojmë një prerje përpara "/" për të ndarë pjesët e shtegut dhe shkruajmë emrin e skedarit tonë.
"../page.html"
/
Një shteg relativ nuk duhet gjithmonë të fillojë në lidhje me vendndodhjen aktuale të faqes lidhëse, ajo gjithashtu mund të fillojë në lidhje me direktorinë rrënjësore të faqes. Për shembull, nëse skedari i dëshiruar ndodhet në direktorinë rrënjë, shtegu mund të fillojë me karakterin "/", pas së cilës ju vetëm duhet të specifikoni emrin e skedarit të dëshiruar, i cili ndodhet në direktorinë rrënjë. "/page.html"
Adresa absolute
Hapja e një lidhjeje në një dritare të re të shfletuesit
Tabela liston të gjitha vlerat e disponueshme për atributin e synuar.
Lidhje për të lundruar brenda faqes
Lidhjet mund të përdoren gjithashtu për të lundruar në një vendndodhje specifike brenda një faqeje (jo domosdoshmërisht ajo aktuale). Çdo element HTML që mund të përdoret brenda një elementi përdoret si vend në faqen ku do të lundrohet lidhja.
. Për të përcaktuar elementin ku do të navigohet, ai duhet të specifikojë një identifikues duke përdorur atributin id:
kokë
Tani, në mënyrë që një lidhje të lundrohet në një element që është në të njëjtën faqe me lidhjen që çon në të, duhet të vendosni vlerën e atributit href të elementit. shkruani një shenjë paund (#), pas së cilës specifikoni identifikuesin e elementit në të cilin do të kryhet kalimi:
Për të shkuar në një vend të caktuar në një faqe tjetër, duhet të specifikoni hash-in dhe identifikuesin e nevojshëm pas URL-së:
Shënim: përfitimi kryesor i lidhjeve brenda një faqe interneti është se në faqet me një sasi të madhe përmbajtjeje, përdoruesi nuk duhet të lëvizë në të gjithë faqen në kërkim të seksionit të dëshiruar, por duke klikuar menjëherë në emrin e seksioni i dëshiruar, shkoni tek ai.
Lidhja me kutinë postare
Krijimi i një lidhjeje me një email nuk është i vështirë, thjesht duhet të futni fjalën kyçe mailto në vlerën e atributit href, të vendosni një dy pika pas tij dhe të shkruani adresën e emailit me të cilën dëshironi të lidheni:
Lidhja e fotos
Ju ndoshta keni vënë re më shumë se një herë se në shumë site përdoren imazhe të ndryshme si lidhje, të cilat, sipas parimit të funksionimit, nuk ndryshojnë nga lidhjet e tekstit. Për të zëvendësuar një lidhje të rregullt teksti me një imazh, duhet të futeni brenda elementit vendos një etiketë , i cili specifikon rrugën drejt imazhit:
Vizitoni faqen tonë të internetit duke klikuar në foto: 
Shënim: Kur përdorni imazhe si lidhje, shfletuesit do t'u shtojnë automatikisht një kufi, i cili mund të hiqet lehtësisht duke përdorur veçorinë e kufirit CSS.
Parangarkimi i faqeve
Zakonisht, kur klikoni në një lidhje në një faqe tjetër, duhet të prisni disa sekonda që ajo të ngarkohet. Megjithatë, mund ta konfiguroni faqen tuaj të internetit në mënyrë që faqe të caktuara të ngarkohen paraprakisht në cache-in e shfletuesit ndërsa jeni në faqen aktuale. Kjo do të thotë që kur klikoni në një lidhje për të shkuar në një faqe tjetër web, ajo do të hapet menjëherë dhe nuk do t'ju duhet të prisni që të ngarkohet. Kjo quhet "marrje paraprake e faqes". Për ta bërë këtë, përdorni etiketën me atributin rel="prefetch", dhe gjithashtu specifikon faqen e uljes që do të ngarkohet paraprakisht në kompjuter.
P=tag_p">
Një hyrje e tillë do të lejojë që faqja tag_p të ruhet paraprakisht në kompjuter ndërsa jeni duke lexuar përmbajtjen e faqes aktuale. Mund të përdorni etiketën për të ngarkuar paraprakisht çdo numër faqesh në faqen tuaj ose në ndonjë tjetër nga interneti.
Shënim: në vend të një adrese në një dokument HTML, mund të specifikoni rrugën drejt një skedari të një lloji tjetër (imazh, video, etj.).
Llojet e lidhjeve
Ka shumë lloje burimesh të cilave mund t'u referohet një dokument. Kjo bëhet duke përdorur fjalë kyçe specifikuar në atributin e marrëdhënies ( rel). Ato duhet të përdoren në seksion
si meta të dhëna:- alternative ;
- autor;
- ndihmë;
- ikona ;
- liçensë;
- tjetër;
- prefetch ;
- e mëparshme;
- kërkimi;
- fletë stili.
Etiketë në HTML vendoset në
Dhe edhe pse është më e zakonshme në si meta të dhëna. Etiketë mund t'i referohet një hiperlidhjeje tradicionale që përdoret për të lundruar ose bashkangjitur në një dokument burimet e jashtme të tilla si CSS dhe Javascript.Alternuar
Përdoret për një paraqitje alternative të një dokumenti HTML.
Shembulli i mëposhtëm tregon dy gjuhë alternative për këtë dokument HTML në anglisht - frëngjisht dhe spanjisht. Atributi hreflang përdoret për t'i treguar agjentit të përdoruesit se cili kodi i shtetit sipas ISO 639-1:
Një shembull më shumë duke përdorur HTML Lidhja rel ofron tre të ndryshme dokumente tekstuale në anglisht, frëngjisht dhe spanjisht:
Autori
Përdoret për të marrë informacion rreth autorit. Si rregull, hiperlidhja të çon në faqen e autorit. NË atribut i dhënë mund të specifikohet vetëm një etiketë
Në fund, mund të shtoni etiketën meta të autorit:
Ndihmë
Ju lejon të ofroni ndihmë për vizitorët e faqes. Një agjent përdoruesi që mbështet ndihmën mund të ketë dy pamje - skedën kryesore për shfaqjen e dokumentit dhe një tjetër për shfaqjen e ndihmës:
ikonën
Kjo vlerë Lidhje HTML rel tregon në ikonën e faqes. Mund të ketë shumë ikona që përfaqësojnë një faqe. Përdoret ai që është më i përshtatshëm:
Liçensë
Tjetra
Tregon për Faqja tjetër në një dokument HTML. Për Motorë kërkimi mjaft e dobishme për të ditur se cila faqe është më pas:
Merr paraprakisht
Kjo Vlera HTML Lidhja rel i sugjeron agjentit të përdoruesit që duhet të ruajë burimin për ngarkim dhe përpunim më të shpejtë. Kjo bëhet kur zhvilluesi e di me siguri se burimet e përdorura në faqe do të kërkohen:
Prev
Specifikon faqen e mëparshme në një dokument HTML. E dobishme për lundrimin e faqeve:
Kërko
Përcakton dokumentin që do të përdoret për kërkim dokument ekzistues. Si rregull, kjo është një faqe me një formë të veçantë për kërkimin e fjalëve kyçe në dokument. Për zbatim rekomandohet përdorimi Specifikimi i OpenSearch:
fletë stili
Lidhja HTML CSS përdoret për të importuar fletën e stilit të përdorur për të dhënë dokumentin. Kjo bëhet duke përdorur fletët e stilit Cascading ( css):
Përkthimi i artikullit “HTML: The Link Tag” u përgatit nga ekipi miqësor i projektit
HTML elementi përdoret për të krijuar lidhje të klikueshme ose në vendndodhje brenda së njëjtës faqe HTML, ose në një faqe të jashtme. Kur klikohet lidhja, shfletuesi hidhet në vendndodhjen e re. Të Emri i elementeve është i shkurtër për "spirancë".
Lidhjet bazë
Struktura bazë e një elementi lidhjeje duket si kjo:
Faqja e tutorialit të Jakob Jenkov
Siç mund ta shihni, teksti brenda trupi i elementit përdoret si teksti i lidhjes së klikueshme. Kur klikohet lidhja, shfletuesi ndryshon vendndodhjen në URL-në e listuar brenda vlerës së atributit href..
URL-të e lidhjeve relative
Është e mundur të përdoren URL-të relative në atributin href. Një URL relative është një URL që është në lidhje me URL-në e faqes që përmban lidhjen. Për shembull, URL-ja e kësaj faqeje është:
http://website/html4/links.html
Nëse përdorni URL-në përkatëse
Listat.html
në këtë faqe, do të interpretohet se ndodhet brenda të njëjtit direktorium si faqja që përmban lidhjen. Me fjalë të tjera, shfletuesi do të interpretojë URL-në si:
http://website/html4/ listat.html
Po kështu, URL-ja relative
Elementet/a-nën-element.html
do të interpretohet si:
http://website/html4/ elementet/a-nën-element.html
Ju mund të përdorni dy pika (..) për të shënuar që ju duhet të ngjitni një drejtori lart. Nga atje, ju gjithashtu mund të shkoni përsëri poshtë një drejtori (ose më shumë) nëse dëshironi. Prandaj, URL-ja relative
../html5/index.html
të listuara në këtë faqe do të interpretohen si:
http://website/ html5/introduction.html
Vini re se si pjesa e lidhjes html4 është zëvendësuar me html5 për shkak të mënyrës se si interpretohen pikat (..) në URL-në relative.
Parametrat në lidhje
Ju mund të shtoni parametra në një URL lidhjeje, duke shtuar një pikëpyetje (?) në fund të URL-së dhe të shtoni një emër parametri, një shenjë të barabartë dhe një vlerë parametri. Këtu është një shembull:
MyParam=myValue
Nëse keni nevojë të shtoni më shumë se një parametër, shtoni një karakter ampersand (&) pas çdo vlere të parametrit, përpara emrit të parametrit dhe vlerës së parametrit tjetër. Këtu është një shembull:
MyParam=myValue ¶m2=vlera2
Këtu është një URL e plotë duke përfshirë parametrat:
http://website/html4/links.html?myParam=myValue¶m2=value2
Parametrat mund të përdoren nga faqja me të cilën ju lidhni, nëse faqja gjenerohet në mënyrë dinamike. Një faqe statike HTML zakonisht nuk përdor parametra.
Fragmente në lidhje
URL-ja e lidhjes mund të përmbajë një fragment. Një fragment i referohet një pike brenda faqes HTML me të cilën lidhet. Për të qenë në gjendje të referoni një fragment, së pari duhet të futni një ankorë në faqen HTML për t'u referuar. Spiranca duket si kjo:
Vlera brenda atributit name duhet të jetë unike brenda faqes HTML që përmban ankorimin. Përndryshe, shfletuesi nuk mund ta dijë se në cilin nga ankorat të hidhet.
Ankorimi referohet nëpërmjet URL-së së një lidhjeje, duke shtuar #fragmentName (i quajtur fragment) në fund. Për shembull, nëse URL-ja e faqes që përmban spirancën është
http://website/htm4/links.html
pastaj shtoni emrin e fragmentit në URL në fund, si kjo:
http://website/htm4/links.html #fragmentEmri
Nëse klikoni një lidhje me URL-në e mësipërme, shfletuesi do të hidhet në faqen me URL-në e dhënë dhe poshtë në dokumentin HTML te spiranca me emrin fragmentName .
Synimi i lidhjes
Si parazgjedhje shfletuesi hap faqen ku tregon lidhja në të njëjtën dritare të shfletuesit si faqja që përmban lidhjen. Nëse dëshironi të hapni faqen në një dritare të re në vend të kësaj, mund ta vendosni objektivin e atributit në vlerën _blank . Këtu është një shembull:
objektiv = "_bosh"> Faqja e internetit e mësimit të Jakob Jenkov
Këtu është lidhja siç duket në shfletues. Nëse e klikoni Faqja do të hapet në një dritare të re të shfletuesit.
