Dokumenta bāzes URL norādīšana ar HTML elementu

Tīmekļa vietnes tiek veidotas, izmantojot vairākas saites, norādot uz lapām un avotiem, piemēram, attēliem un stilu lapām. Ir divi veidi norādiet URL, kas ir saistīts ar šiem avotiem: vai nu izmantojiet absolūtu ceļu vai relatīvo ceļu.

Absolūtais ceļš attiecas uz konkrētu galamērķi, parasti tas sākas ar domēna nosaukumu (kopā ar HTTP) www.domain.com/destination/source.jpg. Relatīvais ceļš ir pretējs: saites galamērķis ir atkarīgs no saknes atrašanās vietas vai lielākoties jūsu vietnes domēna nosaukuma.

Tipisks relatīvais ceļš izskatīsies šādi:

Ja jūsu vietnes domēns ir, piemēram,, hongkiat.com attēla ceļš atrisinātu hongkiat.comimages_2 / specifying-document-base-url-with-html-base-element.png. Jums tas jāsaprot, ja kādu laiku esat izveidojis tīmekļa vietni.

Bet lielākā daļa no jums, iespējams, nav dzirdējuši par elementu. Šis HTML tag ir bijis apkārt kopš HTML4, tomēr ļoti maz ir redzams, ka tā tiek īstenota savvaļā. W3C šo elementu raksturo kā:

“Pamatelements ļauj autoriem precizēt dokumenta bāzes URL lai atrisinātu relatīvos URL un tā nosaukumu noklusējuma pārlūkošanas konteksts hipersaites.”

Tas elements būtībā nolemj pamata URL relatīvajam ceļam tīmekļa lapās. Tā vietā, lai tā būtu atkarīga no jūsu vietnes saknes atrašanās vietas vai domēna, jūs varat to norādīt citur, iespējams, tāpat kā URL, kurā jūsu resursi atrodas CDN (Content Delivery Network). Let's redzēt, kā tas faktiski darbojas.

Pamatelementa izmantošana

The ir definēts kopā ar un tagus . Ņemot vērā šādu piemēru, mēs iestatām Google bāzes URL.

Šī specifikācija ietekmēs visus dokumenta ceļus, tostarp tos, kas norādīti href atribūtu un src attēlus. Tātad, pieņemot, ka dokumenta komplektā ir stilu, attēli un saites ar relatīvu ceļu, piemēram, šāds:

  Enkura saite  

Pat ja mūsu tīmekļa vietne ir pieejama demo.hongkiat.com relatīvais ceļš attiecas uz hongkiat.maxcdn.com, pēc pamata ceļā norādītā ceļa tag. Mēģiniet pārvietoties virs saites, un pārlūks parādīs, kur ceļš ir tieši virzienā uz.

Visi relatīvie ceļi beidzot būs:

  Enkura saite  

Noklusējuma saites mērķa iestatīšana

Papildus pamata URL definēšanai tagu var iestatīt arī noklusējuma saites mērķi mērķi atribūts. Sakiet, ka vēlaties atvērt visu dokumenta saiti pārlūka jaunā cilnē, iestatiet mērķi ar _blank, tāpat kā.

Ierobežojumi

The tomēr dažos gadījumos ir pāris iebildumi:

Pirmkārt, pārlūka atbalsts ir liels; tas darbojas IE6. Bet, IE6 uzskata, ka tas prasa noslēguma tagu . Tas var izraisīt dokumenta hierarhijas problēmu, ja aizvēršanas atzīme paliek nenoteikta. Vienkāršs ātrs veids, kā risināt šo problēmu, ir pievienot komentāru, .

Ja izmantojat # kopā ar lai saistītu ar dokumenta sadaļām, iespējams, Internet Explorer 9 var rasties problēma. Tā vietā, lai pārietu uz minēto sadaļu, Internet Explorer 9 pārlādēs lapu.

Turklāt tukšs href radīs bāzes URL, nevis saiti uz pašreizējo direktoriju, kurā atrodas šī lapa (šī ir noklusējuma pārlūka darbība), kas var izraisīt neparedzētas atsauces problēmas.

Satīt

The ir ērta HTML funkcija, kas tīmekļa dokumentā var vienkāršot saiti. Izmantojiet tagu uzmanīgi, lai mazinātu slazdus. Lai iegūtu papildinformāciju, skatiet tālāk norādītās norādes atzīme:

• Absolūtie un relatīvie URL - MSDN
• HTML bāzes elements - W3C