Določitev osnovnega URL-ja dokumenta z elementom HTML

Spletne strani so zgrajene z vrsto povezav, ki kažejo na strani in vire, kot so slike in slogi. Obstajata dva načina določite URL, ki povezuje te vire: bodisi uporabite absolutno pot ali relativno pot.

Absolutna pot se nanaša na določeno destinacijo, običajno se začne z imenom domene (skupaj s HTTP) www.domain.com/destination/source.jpg. Relativna pot je nasprotna: cilj povezave je odvisen od korenske lokacije ali v večini primerov ime domene vašega spletnega mesta.

Tipična relativna pot bi bila videti spodaj:

Če je na primer domena vaše spletne strani, hongkiat.com pot do slike se bo razrešila hongkiat.comimages_2 / specifying-document-base-url-z-html-base-element.png. To morate razumeti, če že nekaj časa razvijate spletno mesto.

Toda večina vas verjetno še ni slišala element. Ta oznaka HTML je že od nekdaj HTML4, vendar se zelo malo vidi o njeni implementaciji v divjini. W3C opisuje ta element kot:

“Osnovni element omogoča avtorjem, da določijo osnovni URL dokumenta za namene reševanja relativnih URL-jev in imena privzeti kontekst brskanja za namene sledenja hiperpovezav.”

To element v bistvu določi osnovni URL za relativno pot na spletnih straneh. Namesto glede na korensko lokacijo ali domeno vašega spletnega mesta, jo lahko usmerite na nekje drugje, morda kot na URL, kjer se vaši viri nahajajo v CDN (Content Delivery Network). Poglejmo, kako to dejansko deluje.

Uporaba osnovnega elementa

The je določen ob strani in . \ t . Glede na naslednji primer nastavimo osnovni URL na Google.

Ta specifikacija bo vplivala na vse poti znotraj dokumenta, vključno s tisto, ki je podana znotraj href atribut in src slik. Torej, ob predpostavki, da imamo v dokumentu nastavljeno slogovno sliko, slike in povezave z relativno potjo, na primer:

  Sidrna povezava  

Čeprav je naša spletna stran pod demo.hongkiat.com relativna pot se bo nanašala na hongkiat.maxcdn.com, sledi osnovni poti, določeni v oznaka. Poskusite se premakniti čez povezavo in brskalnik vam bo pokazal, kam se pot nahaja.

Vse relativne poti bodo sčasoma:

  Sidrna povezava  

Nastavitev cilja privzete povezave

Razen definiranja osnovnega URL-ja, lahko določi tudi privzeti cilj povezave prek cilj atribut. Recimo, da želite odpreti vso povezavo v dokumentu v novem zavihku brskalnika, nastavite cilj z _blank, tako.

Omejitve

The oznaka pa ima v nekaterih okoliščinah nekaj opozoril:

Prvič, podpora brskalniku je odlična; deluje v IE6. Toda IE6 meni, da zahteva zaključno oznako . To lahko povzroči vprašanje hierarhije v dokumentu, če zapiralna oznaka ostane nedoločena. Enostaven in hiter način za reševanje tega vprašanja je dodajanje zapiranje v komentar, .

Če uporabljate # v povezavi z Če se želite povezati z razdelki v dokumentu, boste morda morda naleteli na težavo v Internet Explorerju 9. Namesto da skočite v omenjeni razdelek, bo Internet Explorer 9 ponovno naložil stran..

Poleg tega je prazno href bo povzročil osnovni URL namesto povezav s trenutnim imenikom, kjer se nahaja stran (to je privzeto obnašanje brskalnika), kar bi lahko povzročilo nepričakovane težave z navajanjem.

Zaviti

The je priročna funkcija HTML, ki lahko poenostavi navajanje povezav v spletnem dokumentu. Uporabite oznako premišljeno, da zmanjšate pasti. Za več informacij o tem sledite spodnjim navodilom oznaka:

• Absolutni in relativni URL-ji - MSDN
• Osnovni element HTML - W3C