Dokumendi baasi URL-i määramine HTML elemendiga

Veebilehed on ehitatud mitme reaga linkide abil, mis viitavad lehtedele ja allikatele nagu pildid ja stiililehed. Selleks on kaks võimalust määrake nende allikate juurde viitav URL: kas absoluutne tee või suhteline tee.

Absoluutne tee viitab konkreetsele sihtkohale, tavaliselt algab see domeeninimega (koos HTTP-ga) www.domain.com/destination/source.jpg. Suhteline tee on vastupidine: linki sihtkoht sõltub juurepositsioonist või enamasti teie veebisaidi domeeninimest.

Tüüpiline suhteline tee näeb välja selline:

Kui teie veebisaidi domeen on näiteks, hongkiat.com kujutise tee lahendaks hongkiat.comimages_2 / specifying-document-base-url-with-html-base-element.png. Sa peaksid seda mõistma, kui olete mõnda aega veebilehte arendanud.

Aga enamik teist ilmselt pole sellest kuulnud element. See HTML-silt on olnud HTML4-st alates, kuid selle rakendamine looduses on väga väike. W3C kirjeldab seda elementi järgmiselt:

“Aluselement võimaldab autoritel täpsustada dokumendi baasi URL suhteliste URL-ide ja selle nime lahendamiseks vaikimisi sirvimise kontekstis hüperlinkide jälgimiseks.”

See element põhimõtteliselt otsustab veebilehtede suhtelise tee põhi-URL-i. Selle asemel, et sõltuda teie veebisaidi juurepositsioonist või domeenist, saate selle välja tuua mujale, näiteks URL-ile, kus teie ressursid asuvad CDN-is (Content Delivery Network). Vaatame, kuidas see tegelikult toimib.

Põhielemendi kasutamine

The on määratletud piki külge ja sildid sees . Järgmise näite põhjal seadsime Google'ile baasi URL-i.

See spetsifikatsioon mõjutab kõiki dokumendis olevaid teid, sealhulgas ka seda, mis on määratud href atribuut ja src pilte. Niisiis, eeldades, et meil on dokumendikomplekti suhteline tee sarnane stiilileht, pildid ja lingid, näiteks:

  Ankru link  

Kuigi meie veebileht on alles demo.hongkiat.com suhteline tee viitab hongkiat.maxcdn.com, järgides dokumendis silt. Proovige lingil lingida ja brauser näitab teile, kuhu tee täpselt suundub.

Kõik suhtelised teed on lõpuks järgmised:

  Ankru link  

Lingi vaikesäte seadmine

Lisaks baasi URL-i määratlemisele tag saab ka vaikimisi lingi sihtmärgi seadistada sihtmärk atribuut. Ütle, et soovite, et kõik dokumendi lingid avaneksid brauseri uuel vahekaardil, määrake sihtmärk koos _blank, niimoodi.

Piirangud

The Sildil on aga mõningatel juhtudel mõned hoiatused:

Esiteks, brauseri tugi on suurepärane; see töötab IE6-s. Kuid IE6 arvab, et see nõuab sulgemist . See võib tekitada dokumendis hierarhia probleemi, kui sulgemismärk jäetakse määramata. Lihtne kiire viis selle probleemi lahendamiseks on lisada kommentaari sulgemine, .

Kui kasutate # koos linkida dokumendi sektsioonidele, võib tekkida probleem Internet Explorer 9-s. Viidatud sektsiooni hüppamise asemel laadib Internet Explorer 9 lehele uuesti.

Lisaks on tühi href tulemuseks on baas-URL selle asemel, et linkida praeguse kataloogi juurde, kus leht asub (see on vaikimisi brauseri käitumine), mis võib põhjustada ootamatuid viitamise probleeme.

Tõmba otsad kokku

The on mugav HTML-funktsioon, mis võib veebidokumendis linkide viitamist lihtsustada. Kasutage märgistust, et minimeerida lõkse. Järgnevalt järgige allpool toodud viiteid silt:

• Absoluutsed ja suhtelised URL-id - MSDN
• HTML Base Element - W3C