Internet, Web design
Cum se introduce HTML iframe: exemplu de utilizare
La începutul site-ul Web resurse de construcție sunt utilizate pe scară largă cadre pentru a afișa anumite părți ale paginilor. Dar, odată cu sosirea unei noi versiuni de HTML 5, totul sa schimbat. Elemente de marcare , si
Ce sunt cadre?
Frame - baza de cele mai multe dintre primele pagini web. Dacă tradus literal, cuvântul înseamnă „cadru“, care este, rama este o mică parte a paginii în browser. Utilizarea pe scară largă a cadrelor în trecut, poate fi explicată prin calitatea proastă și costul ridicat al traficului pe Internet. De obicei, site-ul a fost împărțit în 3-5 părți, fiecare dintre care îndeplinește un anumit scop:
- „Cap“ (rama superioară a lățimii paginii) - numele afișat al resursei;
- Stânga / dreapta „sticlă“ - meniul de afișare;
- Cadru central - arată conținutul site-ului.
O defalcare a paginilor, pentru a permite reîncărcarea de doar o parte din ea, atunci când upgrade. De exemplu, utilizatorul face clic pe elementul de meniu, iar rama centrală au pompat conținut nou.
rame moderne în HTML 5
De ce am nevoie pentru a HTML Exemplul - pentru a insera un conținut de site terță parte. Situația clasică este atunci când un dezvoltator de web vrea să arate poziția obiectului pe hartă. Ce să fac? Desenați planul de la sol de la zero? Nu - există o soluție mai simplă: a construi o pagină Google Map element de Yandex Maps sau 2GIS. Problema este rezolvată în patru etape.
- Trebuie să mergi la site-ul oricărui serviciu hartă.
- Găsiți obiectul dorit. Știind adresa exactă, o puteți introduce în caseta de căutare.
- Utilizați „Salvați și obțineți codul“ (pentru „Yandex.Maps“) sau „Finish“ (Google Maps) pentru a obține codul pentru a insera.
- Rămâne să scrie etichetele de markup generate pe o pagină.
În plus, puteți alege dimensiunea hărții și setați alte opțiuni de afișare.
Cum altfel se poate folosi HTML Exemplu - pentru a insera video din resurse Youtube. Tehnologii Multimedia atrage utilizatorii de Internet, astfel încât conținutul video este atât de popular. Odată cu instalarea rolei de dezvoltator mâner rapid.
- Ar trebui să fie încărcat pe YouTube videoclipuri proprii sau a găsi un fișier de terță parte pentru traducere.
- Ia-o etichetă prin selectarea butonului «codul HTML“
- Actul final - se introduce codul HTML
În ambele exemple am folosi generarea automată a codului, dar dezvoltatorii profesioniști ar trebui să poată să facă propria lui. În primul rând, aceasta le va permite să înțeleagă pagina vorstke și modificați-l dacă este necesar. În al doilea rând, site-ul nu marchează întotdeauna elemente (chiar și în ciuda faptului că ele aparțin unei resurse externe), este formată fără participarea webmaster. Aici apare, de asemenea, dezvoltator de înaltă calificare.
sintaxă
Deci, înainte de a începe pagina vorstke, iframe (HTML) tag-ul trebuie să ia în considerare: ce este și cum să-l folosească.
În primul rând, trebuie remarcat faptul că perechea de etichete. Între deschidere și elementul de închidere indică conținutul care urmează să fie afișat în browserele care nu acceptă elementul de marcare. tag-ul de bază atribute:
- lățime (W);
- înălțime (înălțime);
- src (adresa de resurse încărcate);
- alinierea (procesul de aliniere);
- frameborder;
- allowfullscreen.
Astfel, pentru a obține codul pentru
Planul mesei este suficientă pentru a înlocui adresa site-ului pentru orice alta și, dacă este necesar, reglați dimensiunea cadrului.
Similar articles
Trending Now