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

20 WordPress-kortkoder og plugger du kanskje vil prøve

Hvis du ikke er kjent med kortkoder, er en kortkode en WordPress-spesifikk kode som lar deg lage kreative ting med skript og kode. Siden du ikke trenger å fylle dine innlegg og sider med lange stygge koder, blir de kondensert til bare én linje med kode - en kortkode.I et nøtteskall er en snarvei i utgangspunktet en snarvei til et langt skript eller stykke kode. S

(Tekniske og design tips)

Slik slår du på / av Windows Action Center-meldingen på din PC [Quicktip]

Hvor ofte ser du dette bildet når du er på Windows? Det er irriterende, ikke sant? Hver gang du starter datamaskinen på nytt, kommer påminnelsen på deg.Disse meldingene kommer fra Action Center . Handlingssenteret hjelper deg med å skanne PCen for sikkerhets- og vedlikeholdsproblemer, og det vil varsle deg om nødvendig. Hvis

(Tekniske og design tips)