HTML-raamide näpunäited levinumate probleemide jaoks

As veebidisainerid, tahame kõik töötada uusimate ja parimate tehnoloogiatega. Mõnikord oleme aga jäänud tööle pärandlehtede kallal, mida ühel või teisel põhjusel ei saa praeguste veebistandardite järgi värskendada. Seda näete teatud tarkvararakendustes, mis võivad olla juba aastaid tagasi ettevõtete jaoks kohandatud. Kui teile tehakse ülesandeks töötada nendel saitidel, määrdute oma käed kahtlemata mõne vana koodiga töötades. Võite isegi seal näha kahte aorit!

HTML-i element oli kinnitusrakendus veebisaidi kujundus mõned aastad tagasi, kuid see on funktsioon, mida näete tänapäeval saitidel harva - ja mõjuval põhjusel. Vaatame, kus on täna tugi ja mida peate teadma, kui olete sunnitud pärandveebis raamidega töötama.

HTML5 tugi raamidele

TheHTML5. See tähendab, et kui kodeerite veebilehte keele uusima iteratsiooni abil, ei saa te oma dokumendis kasutada HTML-raame. Kui soovite kasutada aHTML 4.01 või XHTML sinu lehe doctype.

Kuna HTML5-s raame ei toetata, ei kasuta te seda elementi äsja ehitatud saidil. See on midagi, mida saate kohata ainult neil eelnimetatud pärandsaitidel.

instagram viewer

Mitte segi ajada iFrame'idega

HTML

HTML-raamide sihtimine

OK, nii et kui raamid on vananenud, on öeldud. Mis juhtub, kui peate siiski nende vanade HTML-idega töötama?

Kui kasutate vanemat doctype'i ja soovite siiski kasutada HTML-kaadreid, peaksite teadma mõnda levinumat probleemi. Üks neist probleemidest on linkide avamine veebisaidil õige raam. Seda nimetatakse sihtimiseks. Annate oma ankrumärgenditele "sihtmärk"linkide avamiseks. Sihtmärk on tavaliselt kaadri nimi.


Ülaltoodud raamistikus on kaks kaadrit, esimest nimetatakse "nav" ja teist "main". Võime ette kujutada, et navraam (frame1.html) on navigeerimine ja kõik selle lingid peaksid avanema põhiraamis (frame2.html).

Selleks annate raamis1 olevatele linkidele sihtmärgi "main". target = "main">. Aga mis siis, kui te ei soovi sihtmärki oma navigeerimislehe igale lingile lisada? Vaikimisi sihtmärgi saate määrata oma dokumendi HEAD-is. Seda nimetatakse baassihtmärgiks. Lisate rea

Raamid ja raamid

Raamide sildi üks kõige väärkasutatud sektsioone on raamid. See silt võimaldab inimestel, kellel on raamidega ühildumatud brauserid, teie lehte vaadata (see ei tööta HTML5 puhul, lihtsalt päris vanade brauserite jaoks, millel puudub kaadritugi - nii et te ei saa proovida selle loomiseks HTML5-i toppida töö. Tore proovimine, kuid ei vedanud.) Ja see on ju lõppeesmärk, kas pole?

Tavalises raamistikus näeb HTML välja selline:


See loob kahe kaadriga lehe, mille ülaosa on 40 pikslit pikk ja alumine osa ülejäänud leht. See oleks kena ülemine navigeerimisriba raamistik, mille brändimine ja navigeerimine on 40-pikslises kaadris.

Kui aga mõni teie vaatajatest satub teie saidile kaadritega ühildumatu brauseriga, saavad nad tühja lehe. Võimalus, et nad teie saidile naasevad, on üsna väike ja et see oleks neile nähtav, peate lisama veel neli HTML-i rida:


See sait on raamitud, kuid saate seda teha raamistamata versiooni vaatamine.

Kuna osutate lehe noframes raamistiku raamistiku sisu osale (frame2.html), muutub teie sait ligipääsetavaks.

Pidage meeles, et ehkki kasutate saidi uusimat versiooni oma lemmikbrauser, ei pruugi teie publik soovida uusimat tarkvara pidevalt alla laadida. Nende masin ei pruugi seda toetada või neil ei ole ruumi 20+ Meg programmi installimiseks oma kõvakettale. Nelja HTML-rea lisamine on lihtne lahendus.