HTML-kehysten vinkkejä yleisiin ongelmiin

click fraud protection

Kuten web-suunnittelijat, me kaikki haluamme työskennellä uusimpien ja parhaiden tekniikoiden kanssa. Joskus olemme kuitenkin jumissa vanhojen sivujen parissa, joita ei jostain syystä voida päivittää nykyisiin verkkostandardeihin. Näet tämän tietyissä ohjelmistosovelluksissa, jotka on ehkä räätälöity yrityksille monta vuotta sitten. Jos sinulle annetaan tehtäväksi työskennellä näillä sivustoilla, epäilemättä likaantuvat kätesi vanhan koodin kanssa. Saatat jopa nähdä siellä kaksi aoria!

HTML-elementti oli verkkosivujen suunnittelu muutama vuosi sitten, mutta se on ominaisuus, jota näette harvoin sivustoissa näinä päivinä - ja syystä. Katsotaanpa, missä tuki on tänään, ja mitä sinun on tiedettävä, jos sinun on pakko työskennellä kehysten kanssa vanhalla verkkosivustolla.

HTML5-tuki kehyksille

HTML5. Tämä tarkoittaa, että jos koodaat verkkosivua viimeisimmällä kielen iteraatiolla, et voi käyttää HTML-kehyksiä asiakirjassa. Jos haluat käyttää aHTML 4.01 tai XHTML sinun sivun doctype.

Koska HTML5 ei tue kehyksiä, et käytä tätä elementtiä vasta rakennetulla sivustolla. Tätä kohtaat vain näillä edellä mainituilla vanhoilla sivustoilla.

instagram viewer

Ei pidä sekoittaa iFrame-kehyksiin

HTML

Kohdistus HTML-kehyksiin

OK, joten kaikki kehysten vanhentumisesta on sanottu, mitä tapahtuu, jos sinun täytyy työskennellä näiden vanhojen HTML-kappaleiden kanssa?

Jos käytät vanhempaa tiedostotyyppiä ja haluat käyttää HTML-kehyksiä, sinun tulisi olla tietoisia joistakin yleisistä ongelmista. Yksi näistä asioista on saada linkit avaamaan oikea runko. Tätä kutsutaan kohdistamiseksi. Annat ankkuritunnisteillesi "kohde"avaamaan linkkinsä. Kohde on yleensä kehyksen nimi.


Yllä olevassa kehyssarjassa on kaksi kehystä, joista ensimmäinen on nimeltään "nav" ja toinen "main". Voimme kuvitella, että nav-kehys (frame1.html) on navigointi ja kaikkien sen sisällä olevien linkkien pitäisi avautua pääkehyksen (frame2.html) sisällä.

Tätä varten annat frame1-linkeille kohteen "main". target = "main">. Mutta entä jos et halua lisätä kohdetta jokaiseen navigointisivusi linkkiin? Voit asettaa oletuskohteen asiakirjan HEAD-kohtaan. Tätä kutsutaan perustavoitteeksi. Voit lisätä rivin

Kehykset ja kehykset

Yksi kehystunnisteen väärin käytetyistä osioista on ei-kehyksiä. Tämän tagin avulla ihmiset, joiden selaimet ovat yhteensopimattomia, voivat tarkastella sivua (tämä ei toimi HTML5: ssä, vain todella vanhoille selaimille ilman kehystukea - joten et voi yrittää täyttää tätä HTML5: ään työ. Hieno yritys, mutta ei onnea.), Ja se on lopullinen tavoite, eikö olekin?

Tyypillisessä kehyksessä HTML näyttää tältä:


Tämä luo sivun, jossa on kaksi kehystä. Yläosan pituus on 40 pikseliä ja alaosan loppuosa. Tämä tekisi mukavan ylimmän navigointipalkin kehyssarjan, jossa brändäys ja navigointi 40 pikselin kehyksessä.

Kuitenkin, jos joku katsojistasi tulee sivustoosi kehysten kanssa yhteensopimattomalla selaimella, he saavat tyhjän sivun. Mahdollisuudet palata sivustoosi ovat melko pienet, ja jotta se olisi heidän nähtävillä, sinun on lisättävä vielä neljä HTML-riviä:


Tämä sivusto on kehystetty, mutta voit tarkastella kehystämätöntä versiota.

Koska osoitat kehysjoukon sisältöosaan (frame2.html) sivun kehysosassa, sivustoosi pääsee helposti.

Muista, että vaikka käytät ehkä uusinta versiota suosikkiselaimesi, yleisö ei ehkä halua ladata jatkuvasti uusinta ohjelmistoa. Heidän koneensa ei välttämättä tue sitä, tai heillä ei ehkä ole tilaa asentaa 20+ Meg -ohjelmaa kiintolevylle. Neljän HTML-rivin lisääminen on yksinkertainen ratkaisu.

instagram story viewer