Tegs IFRAME
Pārlūks | Internet Explorer | Netscape | Opera | Safari | Firefox | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Versija | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
Atbalsts | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā |
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Tegs <IFRAME> izveido "peldošo" freimu, kurš atrodas parasta dokumenta iekšienē, tas ļauj noteikto izmēru apgabalā ielādēt jebkurus neatkarīgus dokumentus.
Tegs <IFRAME> ir konteiners, kura saturu ignorē tie pārlūki, kuri neatblasta šo tegu. Tādiem pārlūkiem var uzrādīt alternatīvo tekstu, kuru ieraudzīs lietotāji. Tam jāatrodas starp elementiem <IFRAME> un </IFRAME>.
Sintakse
<iframe>...</iframe>
Parametri
- align
- Nosaka konteinera izlīdzināšanu pēc malām, kā arī tā apkļaušanu ar apkārt esošo tekstu.
- frameborder
- Nosaka, vai attēlot robežu ap freimu, vai nē.
- height
- Freima augstums.
- hspace
- Horizontālā atkāpe no freima līdz apkārt esošajam saturam.
- name
- Freima nosaukums.
- scrolling
- Bīdjoslas attēlošanas metode freimā.
- src
- Ceļš uz failu, kura saturs tiks ielādēts freimā.
- vspace
- Vertikālā atkāpe no freima līdz apkārt esošajam saturam.
- width
- Freima platums.
Aizverošais tegs
Obligāts.
Piemērs 1. Tega <IFRAME> izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs IFRAME</title>
</head>
<body>
<iframe src="banner.html" width="468" height="60" align="left">
Jūsu pārlūks neatbalsta peldošos freimus!
</iframe>
</body>
</html>
Tega <IFRAME> parametru apraksts
Parametrs ALIGN
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Peldošajam freimam var norādīt tā atrašanās vietu web-lapā vai norādīt veidu, kādā tas iekļaujas apkārt esošajā lapas saturā. Izlīdzināšanas veidu nosaka ar tega <IFRAME> parametru align.
Sintakse
<iframe align="absmiddle | baseline | bottom | left | middle | right | texttop | top">...</iframe>
Argumenti
- absmiddle
- Freima vidusdaļas izlīdzināšana pēc tekošās rindas vidus.
- baseline
- Freima vidusdaļas izlīdzināšana pēc tekošās rindas bāzes līnijas.
- bottom
- Freima apakšējās robežas izlīdzināšana pēc apkārtējā teksta.
- left
- Izlīdzina freimu pēc loga kreisās malas.
- middle
- Freima izlīdzināšana pēc tekošās rindas bāzes līnijas.
- right
- Izlīdzina freimu pēc loga labās malas.
- texttop
- Freima augšējā robeža tiek izlīdzināta pēc tekošās rindas paša augstākā teksta elementa.
- top
- Freima augšējā robeža tiek izlīdzināta pēc tekošās rindas paša augstākā elementa.
Vispopulārākie parametri — left un right, kas nosaka teksta izvietošanos ap freimu. Lai teksts "nepieliptu" pie freima satura, rekomendējas tegā <IFRAME> pievienot parametru hspace un vspace, kuri nosaka attēlumu līdz tekstam pikseļos.
Noklusētā vērtība
bottom
Piemērs 2. Freima izlīdzināšana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs IFRAME, parametrs align</title>
</head>
<body>
<iframe src="main.html" width="220" height="60"
align="right"></iframe>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</p>
</body>
</html>
Parametrs FRAMEBORDER
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Pēc noklusējuma ap freimu tiek attēlots rāmītis ar telpiskuma efektu. Lai rāmīti slēptu, tiek izmantots parametrs frameborder.
Sintakse
<iframe frameborder="yes | no">...</iframe> <iframe frameborder="0 | 1"> ...</iframe>
Argumenti
- yes (vai 1)
- Attēlo rāmīti ap freimu.
- no (vai 0)
- Slēpj rāmīti ap freimu.
Noklusētā vērtība
1
Piemērs 3. Rāmīša slēpšana ap freimu
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs IFRAME, parametrs frameborder</title>
</head>
<body>
<iframe src="tip.html" width="340" height="50"
frameborder="0" style="border: 2px solid black"></iframe>
</body>
</html>
Parametrs HEIGHT vai WIDTH
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Lai izmainītu freima izmērus ar HTML līdzekļiem, paredzēti parametri width un height. Pieļaujams izmantot vērtības pikseļos vai procentos. Ja izmantots procentu pieraksts, tad freima izmēri tiek izskaitļoti attiecībā pret primāro elementu — konteineri, kurā atrodas tegs <IFRAME>. Ja nav primārā konteinera, par tādu tiek uzskatīts pārlūka logs. Citiem vārdiem, width="100%"nozīmē , ka freims aizņems visu web-lapas platumu.
Ja augstuma un platuma vērtības nav noteiktas, freims automātiski pieņems izmēru 300 х 150 pikseļi.
Sintakse
<iframe height="augstums">...</iframe> <iframe width="platums">...</iframe>
Argumenti
Jebkurš vesels pozitīvs skaitlis pikseļos vai procentos.
Noklusētā vērtība
width — 300 pikseļi, height — 150 pikseļi.
Piemērs 4. Freima augstums un platums
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs IFRAME, parametrs width</title>
</head>
<body>
<iframe src="tip.html" width="150" height="150"></iframe>
</body>
</html>
Parametrs HSPACE и VSPACE
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Jebkuram freimam var uzstādīt neredzamas atkāpes pa horizontāli un vertikāli ar parametriem hspace un vspace. Īpaši svarīgi tas ir gadījumā, ja freimu apkļauj teksts. Šajā gadījumā, lai teksts netiktu pārāk blīvi piekļauts freima robežai, tam apkārt jāpievieno brīva platība.
Sintakse
<iframe hspace="horizontālā platība">...</iframe> <iframe vspace="vertikālā platība">...</iframe>
Argumenti
Jebkurš vesels pozitīvs skaitlis pikseļos.
Noklusētā vērtība
0
Piemērs 5. Atkāpes ap freimu
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs IFRAME, parametrs hspace</title>
</head>
<body>
<iframe src="tip.html" width="150" height="150" hspace="5" vspace="7"></iframe>
</body>
</html>
Parametrs NAME
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Parastā HTML-dokumentā pēc pārejas uz hipersaiti, pārlūka logā esošais dokuments tiek aizvietots ar jauno. Lai šo saturu novirzītu uz freimu, tam jābūt unikālam vārdam, kuru uzstāda ar atribūtu name. Šajā gadījumā veidojot saiti tegam <A> jānorāda parametrs target, kura vērtība būs freima vārds.
Sintakse
<iframe name="vārds">...</iframe>
Argumenti
Vārda norādīšanai tiek izmantota simbolu virkne, ieskaitot ciparus un burtus. Vēršoties pie freima pēc tā vārda, ievērojiet to pašu rakstību, kādu parametrā name.
Noklusētā vērtība
Nav.
Piemērs 6. Hipersaites atvēršana freimā.
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs IFRAME, parametrs name</title>
</head>
<body>
<iframe name="hero" src="0.html"
width="600" height="100" align="left">
</iframe>
<p><a href="1.html" target="hero">Чебурашка</a><br>
<a href="2.html" target="hero">Крокодил Гена</a><br>
<a href="3.html" target="hero">Шапокляк</a>
</body>
</html>
Parametrs SCROLLING
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Ja freima saturs neiekļaujas uzstādītajos izmēros, automātiski kļūst redzamas "bīdjoslas" satura pilnīgai apskatei. Atsevišķos gadījumos "bīdjoslas" izjauc web-lapas dizainu, tālab no tām iespējams atteikties. "Bīdjoslu" vadībai tiek izmantots parametrs scrolling.
Sintakse
<iframe scrolling="auto | no | yes">...</iframe>
Argumenti
- auto
- "Bīdjoslas" pārlūks pievieno pēc nepieciešamības, tikai tad, ja freima saturs pārsniedz tā redzamo daļu.
- no
- Aizliedz "bīdjoslu" attēlošanu.
- yes
- "Bīdjoslas" tiek attēlotas vienmēr, neatkarīgi no freima satura.
Noklusētā vērtība
auto
Piemērs 7. "Bīdjoslu" slēpšana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs IFRAME, parametrs scrolling</title>
</head>
<body>
<iframe src="tip.html" width="150" height="450" scrolling="no"></iframe>
</body>
</html>
Parametrs SRC
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Norāda faila adresi (URL), kurš tiks ielādēts freimā. Tas var būt HTML-dokuments, attēls vai servera programma. Pieļaujams izmantot ne tikai ceļu uz failu, bet arī JavaScript funkcijas vārdu, kas atgriež vērtību.
Sintakse
<iframe src="URL">...</iframe>
Argumenti
Kā vērtība der absolūtais vai relatīvais ceļš uz failu.
Noklusētā vērtība
Nav.
Piemērs 8. Ceļš uz failu
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs IFRAME, parametrs src</title>
</head>
<body>
<iframe src="/source/sample.html" width="450" height="450"></iframe>
</body>
</html>