Angivelse af dokumentbasen URL med HTML Element

Websites er bygget med en række links, der peger på sider og kilder som billeder og stylesheets. Der er to måder at Angiv den webadresse, der linker til disse kilder: Brug enten en absolut sti eller en relativ sti.

Den absolutte sti refererer til specifik destination, typisk er det startet med domænenavnet (sammen med HTTP) som www.domain.com/destination/source.jpg. Den relative vej er det modsatte: linkdestinationen afhænger af rodstedet eller i de fleste tilfælde domænenavnet på dit websted.

En typisk relativ sti vil se sådan ud nedenfor:

Hvis dit website domæne er for eksempel, hongkiat.com billedbanen vil løse til hongkiat.comimages_2 / specificerer-dokument-basis-url-med-html-basis-element.png. Du bør forstå dette, hvis du har udviklet hjemmesiden i et stykke tid.

Men de fleste af jer har sikkert ikke hørt om element. Denne HTML-tag har eksisteret siden HTML4, men meget lidt er set af dens implementering i det vilde. W3C beskriver dette element som:

“Basiselementet giver authors mulighed for at angive dokumentets basiswebadresse med det formål at løse relative webadresser og navnet på standard browsing kontekst med henblik på at følge hyperlinks.”

Dette element afgør grundlæggende basiswebadressen for den relative vej i websider. I stedet for at afhænge af rodstedet eller domænet på dit websted kan du pege på det til et andet sted, måske som den webadresse, hvor dine ressourcer ligger i CDN (Content Delivery Network). Lad os se, hvordan det rent faktisk virker.

Brug af basiselementet

Det er defineret langs siden af og tags i . I det følgende eksempel sætter vi basiswebadressen til Google.

Denne specifikation vil påvirke alle stier i dokumentet, herunder en, der er angivet i href attribut og src af billederne. Så forudsat vi har et stylesheet, billeder og links i dokumentet med en relativ sti som denne, for eksempel:

  Anker Link  

Selvom vores webside er under demo.hongkiat.com den relative sti vil henvise til hongkiat.maxcdn.com, Følgende basisvej er angivet i tag. Prøv at svæve over linket, og browseren viser dig, hvor stien lige er på vej til.

Alle de relative stier vil i sidste ende være:

  Anker Link  

Indstilling af standardlinkmål

Bortset fra at definere basen URL, den tag kan også angive standard link mål gennem mål attribut. Sig, du vil have alt linket i dokumentet åbent i browserens nye fane, Indstil mål med _blank, ligesom.

Begrænsninger

Det tag, dog har et par forbehold under visse omstændigheder:

For det første browser support er stor; det virker i IE6. Men IE6 mener, at det kræver en lukningstabel . Dette kan medføre et hierarki problem i dokumentet, hvis den afsluttende tag ikke er angivet. En simpel hurtig måde at løse problemet på er ved at tilføje lukning inden for en kommentar, .

Hvis du bruger # i forbindelse med at linke til sektioner i dokumentet, kan du muligvis støde på et problem i Internet Explorer 9. I stedet for at hoppe til det henvist afsnit, genoplader Internet Explorer 9 siden.

Desuden et tomt href vil resultere i basiswebadressen i stedet for at forbinde til den nuværende mappe, hvor siden er bosat (dette er standard browseradfærd), hvilket kan forårsage uventede referencer.

Wrap Up

Det er en praktisk HTML-funktion, der kan forenkle linkreference i et webdokument. Brug tagbetænkningen betydeligt for at minimere faldgruberne. Følg nedenstående reference for mere på tag:

• Absolutte og relative URL'er - MSDN
• HTML Base Element - W3C