HTML Frames Tips for vanlige problemer

click fraud protection

Som webdesignere, vi ønsker alle å jobbe med de nyeste og beste teknologiene. Noen ganger sitter vi imidlertid fast på eldre sider som av en eller annen grunn ikke kan oppdateres til gjeldende nettstandarder. Du ser dette på visse programvare som kan ha blitt skreddersydd for selskaper for mange år siden. Hvis du får jobben med å jobbe på disse nettstedene, vil du utvilsomt få hendene dine skitne når du arbeider med en gammel kode. Du kan til og med se aor to der inne!

HTML-elementet var et inventar av nettsidedesign for noen år siden, men det er en funksjon du sjelden ser på nettsteder i disse dager - og med god grunn. La oss se på hvor støtten er i dag, og hva du trenger å vite hvis du blir tvunget til å jobbe med rammer på et eldre nettsted.

HTML5-støtte for rammer

DeHTML5. Dette betyr at hvis du koder en webside ved hjelp av den siste iterasjonen av språket, kan du ikke bruke HTML-rammer i dokumentet. Hvis du vil bruke enHTML 4.01 eller XHTML for din sidens doktype.

Fordi rammer ikke støttes i HTML5, vil du ikke bruke dette elementet på et nybygd nettsted. Dette er noe du bare vil møte på de nevnte eldre nettstedene.

instagram viewer

Ikke å være forvirret med iFrames

HTML

Målrette HTML-rammer

OK, så alt om rammer som er foreldet etter å ha blitt sagt, hva skjer hvis du trenger å jobbe med disse gamle HTML-bitene?

Hvis du bruker en eldre doktype og ikke vil bruke HTML-rammer, er det noen vanlige problemer du bør være oppmerksom på. En av disse problemene er å få koblingene til å åpne i riktig ramme. Dette kalles målretting. Du gir ankermerkene dine en "mål"for å åpne koblingene deres. Målet er vanligvis navnet på rammen.


I rammesettet ovenfor er det to rammer, den første kalles "nav" og den andre kalles "hoved". Vi kan forestille oss at navrammen (frame1.html) er navigasjon, og alle lenker i den skal åpne innenfor hovedrammen (frame2.html).

For å gjøre dette, vil du gi lenkene i frame1 målet for "main". target = "main">. Men hva om du ikke vil legge til målet i hver lenke på navigasjonssiden din? Du kan angi et standardmål i HEAD av dokumentet. Dette kalles basismålet. Du vil legge til linjen

Rammer og Noframes

Noframes er en av de mest misbrukte delene av rammekoden. Denne taggen lar folk med rammer som er inkompatible nettlesere, se siden din (dette fungerer ikke for HTML5, bare for virkelig gamle nettlesere uten rammestøtte - så du kan ikke prøve å klemme dette inn i HTML5 for å gjøre det arbeid. Fint forsøk, men ikke hell.), Og det er det endelige målet, ikke sant?

I et typisk rammesett ser HTML ut slik:


Dette vil opprette en side med to rammer, toppen er 40 piksler høy og bunnen resten av siden. Dette ville gi en fin topp navigasjonsfelt rammesett med merkevarebygging og navigering i 40-pikslers ramme.

Imidlertid, hvis en av seerne dine kommer til nettstedet ditt i en ramme som er inkompatibel, får de en blank side. Sjansene for at de kommer tilbake til nettstedet ditt er ganske små, og for å gjøre det synlig for dem må du legge til fire flere linjer med HTML:


Dette nettstedet er innrammet, men du kan se en ikke-innrammet versjon.

Siden du peker på innholdsdelen av rammesettet ditt (frame2.html) i noframes-delen av siden, blir nettstedet ditt tilgjengelig.

Husk at mens du kanskje bruker den nyeste versjonen av favorittleseren din, kan det hende publikum ikke ønsker å kontinuerlig laste ned den nyeste programvaren. Maskinen deres støtter kanskje ikke den, eller de har kanskje ikke plass til å installere et 20+ meg-program på harddisken. Å legge til fire linjer med HTML er en enkel løsning.

instagram story viewer