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 å spesifisere nettadressen som kobler til disse kildene : Bruk enten en absolutt sti eller en relativ sti.
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 domenen er, for eksempel, hongkiat.com
vil bildet banen løses til hongkiat.com//hideout-lastation.com/img/tech-design-tips/809/specifying-document-base-url-with-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 svært lite er sett av implementeringen i det fjerne. W3C beskriver dette elementet som:
"Basiselementet tillater forfattere å spesifisere URL-adressen til dokumentbasen med det formål å løse relative nettadresser, og navnet på den vanlige nettleserkonteksten med det formål å følge hyperlinks."
Dette element bestemmer i utgangspunktet basen nettadressen for relative banen i websider. 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
attributtet og src
av bildene. Så, forutsatt at vi har et stilark, bilder og koblinger i dokumentsettet med en relativ sti som dette, for eksempel:
Selv om vår nettside er under demo.hongkiat.com
den relative banen referere til hongkiat.maxcdn.com
, etter hongkiat.maxcdn.com
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:
Angir standardlink-målet
Bortsett fra å definere basen URL, den tag kan også angi standard lenke målet gjennom målattributtet. Si at du vil at hele lenken i dokumentet skal åpnes i nettleserens nye fane, sett target
med _blank
, slik som det.
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 sluttkode . 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 omtalte delen, vil Internet Explorer 9 laste siden på nytt.
Videre vil et tomt href
resultere i basisadressen 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 lenkehenvisninger i et webdokument. Bruk tagget betraktelig for å minimere fallgruvene. Følg denne referansen nedenfor for mer på stikkord:
- Absolutt og Relativ URL-er - MSDN
- HTML Base Element - W3C

8 Verktøy for å tilpasse Windows 10
Windows 10 tilbyr mange tilpasningsalternativer, men de er enten vanskelige å få tilgang til eller krever tinkering med Windows-registret . Heldigvis finnes det mange tredjepartsverktøy som kan gjøre det enklere å tilpasse Windows 10 med bare noen få klikk.I dagens innlegg vil vi liste ned 8 verktøy du kan bruke til å tilpasse Windows 10 i henhold til smaken din . Enten

Valentinsdagressurser: 20 Ikoninnstillinger for å sette deg i humør
Kjærlighet er i luften! Valentinsdag er rett rundt hjørnet, og det er en perfekt tid å dele kjærligheten rundt med fantastiske freebies! Det vi har fått for deg i dag er en samling av 20 Valentinsdag ikon sett du kan laste ned gratis .Fra hjerter til bamse og godterier til flasker vin, er du bundet til å hente ut noen ikoner fra listen som passer til enhver følelse eller atmosfære som du kanskje vil oppnå - alt i allsidighet av Valentinsdag, selvsagt.Du vil k