Ce Este iframe? - Forum

[ Mesaje noi · Membrii · Regulamentul forumului · Căutare · RSS ]
Pagina 1 din 11
Forum » Tutoriale si Resurse (T&R) » T&R html » Ce Este iframe?
Ce Este iframe?
GravediggerData: Sâmbătă, 2012-11-24, 6:10 PM | Mesaj # 1
Gravedigger
Administrator
Grup: Administratori
Mesaje: 542
Premii: 10
Reputatie: 5
Stare: Offline
Iframe este prescurtarea de la inline frame, acest element HTML facand posibila introducerea unui frame intr-un bloc text. Inserarea unui astfel de frame este foarte asemanatoare cu inserarea unui obiect prin intermediul elementului OBJECT, permitand in ultima imstanta inserarea unui document HTML in mijlocul altuia.


Informatia care se insereaza este specificata prin atributul SRC (source), iar continutul unui element IFRAME va fi afisat doar daca browser-ul nu suporta frame-uri.

De exemplu, pentru browserele care suporta frame-uri, exemplul urmator va insera un frame, inconjurat de margine, in mijlocul unui text:

Code
<IFRAME src="pagina.html" width="400" height="500" scrolling="auto" frameborder="1">

       [Browserul dvs. nu suporta frame-uri.   

       Puteti vedea totusi   

       <A href="pagina.html">documentul</A>

       ce ar fi trebuit sa va apara intr-un frame inline.]

</IFRAME>


Spre deosebire de frame-urile obisnuite, frame-urile inline nu pot fi redimensionate si de aceea nu au atributul NORESIZE. De remarcat ca un document HTML poate fi inserat (inglobat) in altul prin intermediul lui OBJECT.

Elementul IFRAME:
Sintaxa:

Code
<IFRAME></IFRAME>


Atribute posibile:
SRC=URI (adresa URL a continutului frame-ului)
NAME=CDATA (numele frame-ului)
LONGDESC=URI (link catre descrierea lunga)
WIDTH=Length (latimea frame-ului)
HEIGHT=Length (latimea frame-ului)
ALIGN=[ top | middle | bottom | left | right ] (alinierea frame-ului)
MARGINWIDTH=Pixels (latimea marginii)
MARGINHEIGHT=Pixels (înaltimea marginii)
SCROLLING=[ yes | no | auto ] (posibilitatea de scroll)
atribute core

Contine:
inline elements, block-level elements

Continut in:
inline elements, block-level elements

Descriere:
Acest element defineste un frame inline pentru a include obiecte externe (incluzand alte documente HTML). IFRAME ofera un subset de functii ale lui OBJECT, singurul avantaj fiin acela ca poate fi specificata ca TARGET de catre alte legaturi. OBJECT este mai bine suportat decît IFRAME.

Atributul SRC ofera adresa de unde se va incarca continutul frame-ului - in mod tipic un document HTML. Atributul optional NAME specifica numele frame-ului permitînd astfel legaturi care sa specifice acest frame ca tinta în care sa se încarce.

Continutul elementului IFRAME (ce este intre tagul de inceput si cel de sfîrsit) este alternativa pentru browser-ele care nu suporta frame-uri. Pot apare aici elemente inline sau bloc: orice element de tip bloc este permis in interiorul elementului ce-l contine pe IFRAME. De exemplu un IFRAME intr-un H1 nu poate contine un H2, dar un IFRAME într-un DIV poate contine orice element de tip bloc.

LONGDESC da adresa unei resurse care descrie pe larg continutul frame-ului. Similar cu atributul elementului FRAME.

Atributele WIDTH si HEIGHT specifica dimensiunile frame-ului in pixeli sau procente din spatiul disponibil, iar FRAMEBORDER stabileste daca se deseneza sau nu marginea.

ALIGN specifica modul de aliniere fata de continutul adiacent a frame-ului inclus. ALIGN=middle aliniaza frame-ul fata de linia de baza (baseline), iar pentru a centra in document (pagina) frame-ul se recomanda includerea intr-un bloc centrat:

Code
<P ALIGN=center><IFRAME SRC="foo.html" WIDTH=300 HEIGHT=100></IFRAME></P>


Celelalte valori (left si right) indica un frame flotant, care poate fi plasat la marginea din stanga sau dreapta, iar continutul sa curga pe langa. MARGINWIDTH si MARGINHEIGHT definesc un numar de pixeli ce se folosesc ca margine stînga/dreapta, respectiv sus/jos, iar SCROLLING daca sînt permise barele scroll.

O mai mare flexibilitate in prezentarea frame-urilor este data de style-sheet-uri.


Exemplu:
Acest exemplu include documentul reteta.html si ofera si un continut alternativ:

Code
<IFRAME SRC="reteta.html" TITLE="Reteta lui AleXso">
<!-- Continut alternativ pentru browser-ele care nu suporta IFRAME -->

<H2>Reteta lui ...</H2>
<H3>Ingrediente</H3>
            ...

</IFRAME>
 
Forum » Tutoriale si Resurse (T&R) » T&R html » Ce Este iframe?
Pagina 1 din 11
Căutare: