HTML-raamid
Html-kaadrid on kasulikud veebilehe või veebibrauseri jagamisel mitmeks osaks, need eraldavad jaotised ja laadivad seejärel erinevalt.
A-raam kuvab konteineri sisust sõltumatut sisu. Mitu kaadrit moodustavad kollektsiooni ja on tuntud kui raamikomplekt. Paigutust võib pidada sarnaseks tabelis olevate ridade ja veergude orientatsiooniga. Raamimärgend on HTML5-s aegunud.
Igal kaadril on raami silt, mis osutab. Horisontaalset raami määratleb raami sildi reaatribuut ja vertikaalset atribuuti määratleb HTML-dokumendis oleva raami sildi veeruatribuut. Ühes kaadris sama aken võib kuvada staatilise riba, teise navigeerimismenüü jne.
Raamide süntaks
HTML-is puudub sildil lõppsilt. Kui kasutame veebilehtedel raame, kasutame sildi asemel silti. Kasutades juhendame veebilehte jagama see raamidesse. Silt määratleb, milline HTML-dokument peaks kaadrina avama.
Atribuudi veerud võtavad väärtuse pikslites ja need aitavad täpsustada veergude arvu ja suurust raamikomplektis.
Sarnaselt, nagu me eespool nägime, võtavad atribuutide read väärtuse pikslites ja need aitavad määrata ridade arvu ja suurust raamikomplektis.
Siiski tuleb nõuetekohaselt märkida, et märgend on HTML5-s aegunud ja seda enam ei kasutata.
HTML-i erinevat tüüpi raamid
Raamide üheks kasutuseks on alati olnud navigeerimisribade laadimine ühte kaadrisse ja põhilehtede laadimine eraldi kaadrisse. A-raami silt määratleb ühe ühe aknaraami.
on brauseri tugi Chrome'is, Internet Exploreris, Mozilla, Safari ja Opera Mini.
Raami erinevad ja mõned tavaliselt kasutatavad atribuudid on atribuudid nagu ääris, kerimine, src, nimi jne.
Raamimärgistuse tüübid
Sildi atribuut
Sellel on viis olulist atribuuti ja me arutame seda siin:
1. Col: vertikaalsed raamid antakse atribuudi col abil. Laiust saab aga täpsustada neljal viisil:
- Pikslid: absoluutväärtusi saab nimetada pikslites. Kui peame looma kolm vertikaalset kaadrit, saame anda väärtuse: cols = ”100, 50, 100”.
- Protsent: võib nimetada brauseriakna protsendi. Kui peame looma kolm vertikaalset raami, saame anda järgmise väärtuse: cols = ”40%, 20%, 40%”
Siin saab kasutada ka metamärki (*) ja lasta metamärgil ülejäänud aknast ära jätta, mis jääb mainimata.
cols = ”30%, *, 30%”
Väljund:
2. Ridad: horisontaalsed raamid antakse rea atribuudiga. See määratleb read raamikomplektis. Kui peame looma kolm horisontaalset raami, kasutame:
Nt: read = ”10%, 80%, 10%”.
Samuti saame seada iga rea kõrguse, nagu olime varem veergude puhul teinud.
Väljund:
3. Ääris : see määrab iga kaadri äärise laiuse pikslites.
Nt: ääris = “4”. Kui äär = “0”, tähendab, et piiri pole.
4. Raamipiir: kui kaadrite vahel tuleb kuvada kolmemõõtmeline ääris, siis kasutame seda atribuuti. Atribuudi väärtus on kas 1 või 0 (jah või ei).
Nt: frameborder = ”0” tähendab, et pole piire.
5. Raamide eraldamine: see atribuut määrab raami vahel kaadrite vahelise ruumi suuruse. Selle atribuudi jaoks võib siin anda mis tahes täisarvu.
Nt: kaadrite paigutamine = “12” tähendab, et kaadrite vahel peaks olema 12 piksli vahe.
Sildi atribuut
Selles jaotises saab siin loetleda 8 atribuuti.
1. src: sellel atribuudil, mis väidetavalt laaditakse raami, pakume failinime. Selle atribuudi väärtuseks võib olla ükskõik milline URL.
Nt: src = www.facebook.com
2. nimi: see atribuut annab raami nime. See määratleb, millisesse raami dokument tuleks laadida. Kui teil on ühes kaadris mitu linki, mis laaditakse teise kaadrisse, siis kasutame seda atribuuti. Siis vajab teine kaader nime, mis tuvastaks end lingi sihtmärgina.
Nt: nimi = ”abc.htm”
3. frameborder: see atribuut on määratud näitama, kas piire tuleb näidata või mitte. Väärtus on 1 või 0 (jah või ei).
4. äärelaius: atribuut on abiks raami serva vasaku ja parema serva vahelise ruumi laiuse ja ka raami sisu määramisel. Väärtus on antud pikslites.
Nt: marginaal = ”10”.
5. veerise kõrgus: atribuut on abiks raami piiri ülemise ja alumise osa vahelise ruumi kõrguse ja ka raami sisu määramisel. Väärtus on antud pikslites.
Nt: äärekõrgus = “10”.
6. noresize: see atribuut takistab kasutajal põhimõtteliselt muudatusi juba olemasolevates kaadrites. Selle atribuudi puudumisel saab iga kaadri suurust muuta.
Nt: noresize = “noresize”
7. kerimine: see atribuut kontrollib kaadril olevate kerimisribade välimust. Väärtus on kas „jah”, „ei” või „automaatne”.
Nt: kerimine = “ei” tähendab, et sellel ei tohiks olla kerimisribasid.
8. longdesc: see atribuut võimaldab teil linkida teisele lehele, mis sisaldab kaadri sisu pikka kirjeldust.
Nt: longdesc = ”framedesc.htm”
Raamid ja brauseri tugi
Vanad brauserid ei toeta raame, siis tuleks elemente kasutajale kuvada.
Praktikas tuleks element paigutada elemendi sisse, kuna element peaks selle asendama. Kui brauser ei saa elemendist aru, saab ta aru elemendi sisust, mis selles sisaldub.
Kena lähenemisviis on selliste stsenaariumide korral sõnumi ülespanek kasutajatele, kes kasutavad vanu brausereid. Sõnumid nagu „Vabandust! Teie brauser ei toeta raame. ”Märguandeks.
Järeldus - HTML-raamid
Raamtehnoloogiat ei toeta tänapäeval päris paljud brauserid. Mitu korda on märgatud, et väiksematele seadmetele ei kuvata veebilehe sisu õigesti. Igatahes on hea omada teadmisi selle kohta, mis olemas oli, et saaks välja töötada paremaid mudeleid, mis ühilduksid uue tehnoloogiaga.
Soovitatavad artiklid
See on juhend HTML-raamidesse. Siin käsitleme HTML-i erinevaid raamitüüpe ning raamide ja brauseri toega raamisiltide tüüpe. Lisateabe saamiseks võite vaadata ka järgmist artiklit -
- Looge HTML-is tabeleid
- HTML-tekstiredaktorid
- HTML-i versioonid
- HTML-pildi sildid
- HTML-plokid
- HTML-i sündmused
- 5 parimat HTML-i sündmuse atribuuti koos näidetega
- Seadistage HTML-is taustavärv näitega