Dokumento bazės URL nurodymas naudojant HTML elementą

Tinklalapiai yra sukurti naudojant kelias nuorodas, nukreiptas į puslapius ir šaltinius, tokius kaip vaizdai ir stilių lentelės. Yra du būdai nurodykite URL, kuris susieja su šiais šaltiniais: arba naudokite absoliutų kelią arba santykinį kelią.

Absoliutus kelias nurodo konkrečią paskirties vietą, paprastai jis pradedamas domeno pavadinimu (kartu su HTTP) www.domain.com/destination/source.jpg. Santykinis kelias yra priešingas: nuorodos paskirties vieta priklauso nuo šaknies vietos arba daugeliu atvejų jūsų svetainės domeno vardo.

Tipiškas santykinis kelias atrodys taip:

Jei, pavyzdžiui, jūsų svetainės domenas yra, hongkiat.com vaizdo kelias išspręstų hongkiat.comimages_2 / specifying-document-base-url-with-html-base-element.png. Turėtumėte tai suprasti, jei kurį laiką sukūrėte svetainę.

Bet dauguma iš jūsų tikriausiai negirdėjote apie elementas. Šis HTML žyma jau veikia nuo HTML4, tačiau labai mažai matyti, kaip jis įgyvendinamas gamtoje. W3C šį elementą apibūdina kaip:

“Pagrindinis elementas leidžia autoriams nurodyti dokumento bazės URL norint išspręsti santykinius URL ir jos pavadinimą numatytąjį naršymo kontekstą hiperlinkius.”

Tai elementas iš esmės nusprendžia pagrindinį URL tinklalapiuose esantį santykinį kelią. Vietoj to, kad priklausytumėte nuo jūsų svetainės šaknies vietos ar domeno, galite jį nukreipti į kitą vietą, galbūt kaip URL, kuriame yra jūsų išteklių CDN (turinio pristatymo tinklas). Pažiūrėkime, kaip tai iš tikrųjų veikia.

Pagrindinio elemento naudojimas

The yra apibrėžta kartu su ir žymės . Atsižvelgiant į šį pavyzdį, „Google“ nustatome pagrindinį URL.

Ši specifikacija turės įtakos visiems dokumento keliams, įskaitant tą, kuris yra nurodytas href atributas ir src vaizdų. Taigi, darant prielaidą, kad dokumento rinkinyje yra stilių, vaizdų ir nuorodų, kurių santykinis kelias yra toks, pavyzdžiui:

  Anchor Link  

Nors mūsų interneto puslapis yra demo.hongkiat.com santykinis kelias bus nurodytas hongkiat.maxcdn.com, pagal pagrindinį kelią, nurodytą žyma. Pabandykite nukreipti virš nuorodos, o naršyklė parodys, kur tiksliai eina kelias.

Visi santykiniai keliai galiausiai bus:

  Anchor Link  

Numatytojo nuorodos tikslo nustatymas

Be pagrindinio URL apibrėžimo, žyma taip pat gali nustatyti numatytąjį nuorodos tikslą per tikslą atributas. Pasakykite, kad norite atidaryti visą dokumento nuorodą naršyklės naujame skirtuke, nustatyti tikslą su _tuščias, taip.

Apribojimai

The tačiau kai kuriais atvejais žymelė turi keletą įspėjimų:

Pirma, naršyklės palaikymas yra puikus; ji veikia IE6. Tačiau, IE6 mano, kad tam reikia uždarymo žyma . Tai gali sukelti dokumento hierarchijos problemą, jei uždarymo žyma paliekama neapibrėžta. Paprastas greitas būdas išspręsti šią problemą yra pridėti uždarymo per komentarą, .

Jei naudojate # kartu su jei norite susieti su dokumento dalimis, gali kilti problemų „Internet Explorer 9“. Užuot nukreipę į nurodytą skyrių, „Internet Explorer 9“ iš naujo įkels puslapį.

Be to, tuščias href sukurs pagrindinį URL, o ne susieti su dabartiniu katalogu, kuriame yra puslapis (tai yra numatytasis naršyklės elgesys), kuris gali sukelti netikėtas nuorodas.

Wrap Up

The yra patogi HTML funkcija, kuri gali supaprastinti nuorodų nuorodą žiniatinklio dokumente. Naudokite žymę, kad sumažintumėte spąstus. Jei norite gauti daugiau informacijos, atlikite toliau pateiktą nuorodą žyma:

• Absoliutus ir santykiniai URL - MSDN
• HTML bazinis elementas - W3C