Angi dokumentbaseadresse med HTML Element

Nettsteder er bygd med en serie lenker, peker på sider og kilder som bilder og stilark. Det er to måter å spesifiser nettadressen som kobler til disse kildene: Bruk enten en absolutt sti eller relativ vei.

Den absolutte banen refererer til bestemt destinasjon, vanligvis begynner det med domenenavnet (sammen med HTTP) som www.domain.com/destination/source.jpg. Den relative banen er motsatt: lenke destinasjonen avhenger av roten plassering eller i de fleste tilfeller domenenavnet på nettstedet ditt.

En typisk relativ sti vil se slik ut nedenfor:

Hvis ditt nettsted domene er, for eksempel, hongkiat.com bildet banen ville løse til hongkiat.comimages_2 / spesifisere-dokument-basen-url-med-html-base element.png. Du bør forstå dette hvis du har utviklet nettsiden for en stund.

Men de fleste av dere har nok ikke hørt om element. Denne HTML-taggen har eksistert siden HTML4, men det er ikke så liten at implementeringen er ute i naturen. W3C beskriver dette elementet som:

“Basiselementet lar forfattere spesifisere dokumentbasen URL-adressen med det formål å løse relative nettadresser og navnet på standard nettleserkontekst med det formål å følge hyperlinks.”

Dette element bestemmer i utgangspunktet basen URL-adressen for den relative banen i nettsider. I stedet for å avhenge av rutenettstedet eller domenet til nettstedet ditt, kan du peke det ut til et annet sted, kanskje som nettadressen der ressursene dine ligger i CDN (Content Delivery Network). La oss se hvordan det egentlig virker.

Bruke Base-elementet

De er definert langs siden av og koder i . Gitt følgende eksempel, angir vi nettadressen til Google.

Denne spesifikasjonen vil påvirke alle banene i dokumentet, inkludert en som er angitt i href attributt og src av bildene. Så, forutsatt at vi har et stilark, bilder og koblinger i dokumentsettet med en relativ sti som dette, for eksempel:

  Anker Link  

Selv om vår nettside er under demo.hongkiat.com den relative banen vil referere til hongkiat.maxcdn.com, Følg basisbanen som er angitt i stikkord. Prøv å sveve over koblingen, og nettleseren vil vise deg hvor banen er akkurat på vei til.

Alle de relative banene vil etter hvert være:

  Anker Link  

Angir standardlink-målet

Bortsett fra å definere basen URL, den tag kan også angi standard lenke målet gjennom mål Egenskap. Si at du vil at hele lenken i dokumentet skal åpnes i nettleserens nye kategori, sett mål med _blank, som så.

begrensninger

De tag, men har noen advarsler under noen omstendigheter:

Først nettleser støtte er flott; det fungerer i IE6. Men, IE6 mener at det krever en avsluttende kode . Dette kan føre til et hierarkiproblem i dokumentet, hvis lukkekoden ikke er spesifisert. En enkel rask måte å løse dette problemet ved å legge til lukker i en kommentar, .

Hvis du bruker # i forbindelse med Hvis du vil koble til seksjoner i dokumentet, kan det hende du kanskje opplever et problem i Internet Explorer 9. I stedet for å hoppe til den refererte delen, vil Internet Explorer 9 laste på siden på nytt.

Videre en blank href vil resultere i nettadressen i stedet for å koble til den nåværende katalogen hvor siden ligger (dette er standard nettleseradferd), noe som kan føre til uventede referanseproblemer.

Wrap Up

De er en hendig HTML-funksjon som kan forenkle koblingsreferanser i et webdokument. Bruk taggen betraktelig for å minimere fallgruvene. Følg denne referansen nedenfor for mer på stikkord:

• Absolute og relative URL-adresser - MSDN
• HTML Base Element - W3C