Dokumentumalap URL-címének megadása HTML elem segítségével

A weboldalak linkek sorozatával épülnek, amelyek oldalakra és forrásokra, például képekre és stíluslapokra mutatnak. Kétféleképpen lehet adja meg az URL-t, amely ezekhez a forrásokhoz kapcsolódik: vagy használjon abszolút útvonalat vagy relatív útvonalat.

Az abszolút útvonal konkrét célállomásra utal, jellemzően a tartománynévvel (a HTTP-vel együtt) kezdődik www.domain.com/destination/source.jpg. A relatív elérési út ellenkezője: a hivatkozás célpontja a gyökér helyétől vagy a webhely domainnevétől függ.

Egy tipikus relatív út a következőképpen néz ki:

Ha például a webhely domainje, hongkiat.com a kép elérési útja megoldódik hongkiat.comimages_2 / meghatározza-dokumentum-bázis-url-with-html-base-element.png. Ezt meg kell értenie, ha egy ideig fejlesztettél honlapot.

De a legtöbben valószínűleg nem hallottad a elem. Ez a HTML címke HTML4 óta működik, de nagyon kevés a megvalósítás a vadonban. A W3C ezt az elemet a következőképpen írja le:

“Az alapelem lehetővé teszi a szerzők meghatározását a dokumentum alap URL-címét a relatív URL-ek megoldása és a neve az alapértelmezett böngészési környezet hiperhivatkozások követése céljából.”

Ez Az elem alapvetően meghatározza a weblapok relatív elérési útjának URL-címét. Ahelyett, hogy a webhely gyökérhelyétől vagy domainjétől függne, bárhonnan másra is felhívhatja a figyelmet, talán olyan URL-címre, ahol a források CDN-ben (Content Delivery Network) tartózkodnak. Lássuk, hogy ez hogyan működik.

Az alapelem használata

A az és címkék a . A következő példa alapján az alap URL-t a Google-nak állítjuk be.

Ez a specifikáció hatással lesz a dokumentumon belüli összes útvonalra, beleértve azt is, amelyik a dokumentumban szerepel href attribútum és a src képeket. Tehát feltételezve, hogy a dokumentumkészletben olyan stíluslap, kép és link található, amelyhez hasonló relatív elérési út van, például:

  Anchor Link  

Annak ellenére, hogy weboldalunk alatt van demo.hongkiat.com a relatív elérési út lesz hongkiat.maxcdn.com, követve az alapértelmezett útvonalat címke. Próbálkozzon a link fölé, és a böngésző megmutatja, hogy hová lép az út.

A relatív útvonalak végül:

  Anchor Link  

Az alapértelmezett hivatkozás cél beállítása

Az alap URL-címének meghatározása mellett a a címke is beállíthatja az alapértelmezett hivatkozási célt a cél tulajdonság. Mondja el, hogy a dokumentumban található összes hivatkozás kinyílik a böngésző új lapján, állítsa be a cél val vel _üres, úgy tetszik.

korlátozások

A a címke azonban bizonyos körülmények között néhány figyelmeztetést tartalmaz:

Először is a böngésző támogatása nagyszerű; az IE6-ban működik. Az IE6 azonban úgy véli, hogy záró címkét igényel . Ez a dokumentumban hierarchikus problémát okozhat, ha a zárócímke nincs megadva. Egy egyszerű gyors módja ennek a problémának a hozzáadásával egy megjegyzésen belül, .

Ha használja # a a dokumentumon belüli szakaszokhoz való hivatkozással esetleg problémát okozhat az Internet Explorer 9-ben. A hivatkozott részre ugrás helyett az Internet Explorer 9 újratölti az oldalt.

Továbbá üres href az alap URL-t eredményezi ahelyett, hogy összekapcsolná az aktuális könyvtárat, ahol az oldal található (ez az alapértelmezett böngésző viselkedés), ami váratlan hivatkozási problémákat okozhat.

Csomagolja fel

A egy praktikus HTML funkció, amely leegyszerűsítheti a hivatkozások hivatkozását egy webes dokumentumban. Használja a címkét, hogy minimálisra csökkentsék a buktatókat. Az alábbiakban olvashat az alábbi hivatkozásokkal címke:

• Abszolút és relatív URL-ek - MSDN
• HTML alapelem - W3C