Ange webbadress för webbadress med HTML Element

Webbplatser är byggda med en serie länkar, som pekar på sidor och källor som bilder och stylesheets. Det finns två sätt att Ange webbadressen som länkar till dessa källor: Använd antingen en absolut väg eller relativ sökväg.

Den absoluta sökvägen hänvisar till en specifik destination, vanligtvis börjar den med domännamnet (tillsammans med HTTP) som www.domain.com/destination/source.jpg. Den relativa sökvägen är motsatsen: länkdestinationen beror på rotplatsen eller i de flesta fall domännamnet på din webbplats.

En typisk relativ sökväg skulle se ut så här nedan:

Om din webbplats domän är, till exempel, hongkiat.com Bildvägen skulle lösa sig hongkiat.comimages_2 / specificerar-dokument-base-url-med-html-base-element.png. Du borde förstå detta om du har utvecklat webbplats för ett tag.

Men de flesta av er har nog inte hört talas om element. Den här HTML-taggen har funnits sedan HTML4, men mycket lite ses från implementeringen i det vilda. W3C beskriver detta element som:

“Baselementet tillåter författare att ange dokumentbasadressen i syfte att lösa relativa webbadresser och namnet på standardwebbläsarkontexten i syfte att följa hyperlänkar.”

Detta element bestämmer i grunden basadressen för relativ sökväg på webbsidor. I stället för att du beror på webbplatsens rotplats eller domännamn kan du peka ut den till någon annanstans, kanske som den URL-adress där dina resurser finns i CDN (Content Delivery Network). Låt oss se hur det verkligen fungerar.

Använda baselementet

De definieras längs sidan av och taggar inom . Med följande exempel ställer vi grundadressen till Google.

Denna specifikation påverkar alla sökvägar i dokumentet, inklusive en som anges i href attribut och src av bilderna. Så förutsatt att vi har ett stylesheet, bilder och länkar i dokumentet med en relativ sökväg som denna, till exempel:

  Anchor Link  

Även om vår webbsida är under demo.hongkiat.com den relativa sökvägen kommer att referera till hongkiat.maxcdn.com, följer den basväg som anges i märka. Försök sväva över länken, och webbläsaren visar dig var vägen är precis på väg.

Alla relativa vägar kommer så småningom att vara:

  Anchor Link  

Ställa in standardlänkmålet

Bortsett från att definiera basadressen, taggen kan också ställa in standardlänkmålet genom mål attribut. Säg att du vill att länken i dokumentet ska öppnas i webbläsarens nya flik, ställa in mål med _tom, såhär.

begränsningar

De tagg har dock vissa omständigheter under vissa omständigheter:

Först, den webbläsarsupport är bra; det fungerar i IE6. Men, IE6 tycker att det kräver en stängningskod . Det här kan orsaka en hierarkiproblem i dokumentet om stängningskoden lämnas ospecificerad. Ett enkelt snabbt sätt att lösa problemet är att lägga till stänger inom en kommentar, .

Om du använder # i samband med att länka till sektioner i dokumentet kan du eventuellt stöta på ett problem i Internet Explorer 9. Istället för att hoppa till den angivna sektionen kommer Internet Explorer 9 att ladda om sidan.

Dessutom en blank href kommer att resultera i basadressen istället för att länka till den aktuella katalogen där sidan finns (det här är standardwebbläsarens beteende), vilket kan orsaka oväntade referensproblem.

Sammanfatta

De är en praktisk HTML-funktion som kan förenkla länkreferens i ett webbdokument. Använd taggen noggrant för att minimera fallgroparna. Följ dessa referenser nedan för mer på märka:

• Absoluta och relativa URL-adresser - MSDN
• HTML-baselement - W3C