Cum se introduce o iframe în HTML: un exemplu de utilizare

În zorii construirii site-ului, resursele web au folosit în mod extensiv cadre pentru a afișa anumite părți ale paginilor. Dar odată cu sosirea noii versiuni HTML 5, totul sa schimbat. Elementele de marcare <cadru

Ce sunt cadrele?

Un cadru este baza celor mai multe dintre primele pagini web. Dacă traduceți literal, acest cuvânt înseamnă "cadru", adică, cadrul este o mică parte a paginii din browser. Utilizarea pe scară largă a cadrelor în trecut poate fi explicată prin calitatea scăzută și costul ridicat al traficului pe Internet. De regulă, site-ul a fost împărțit în 3-5 părți, fiecare realizând un anumit scop:

• "Cap" (cadrul superior de pe lățimea paginii) - afișați numele resursei;
• stânga / dreapta "sticlă" - ieșire din meniu;
• cadrul central este afișarea conținutului site-ului.

Împărțirea paginii în părțile cărora li se permite să supraîncărcați numai o anumită parte când o actualizați. De exemplu, utilizatorul a dat clic pe un element de meniu și un conținut nou a fost descărcat în cadrul central.

Cadre moderne în HTML 5

De ce să utilizați codul HTML <iframe? Un exemplu este inserarea conținutului dintr-o resursă terță parte. O situație clasică este atunci când un dezvoltator web dorește să arate poziția unui obiect pe o hartă. Cum sa fii? Desenează un plan de teren de la zero? Nu - există o soluție mai simplă: pentru a încorpora un element al Google Map, Yandex Maps sau 2GIS pe pagină. Problema este rezolvată în patru acțiuni.

1. Trebuie să mergeți la site-ul oricărui serviciu cartografic.
2. Găsiți obiectul dorit. Cunoscând adresa exactă, o puteți introduce în caseta de căutare.
3. Utilizați „Salvați și obțineți codul“ (pentru „Yandex.Maps“) sau „Finish“ (Google Maps) pentru a obține codul pentru a insera.
4. Rămâne să introduceți etichetele de marcare generate pe pagină.

În plus, puteți selecta dimensiunea hărții și puteți configura alte opțiuni de afișare.

Cum altfel pot folosi HTML? <iframe>? Un exemplu este inserarea materialelor video din resursa Youtube. Tehnologia multimedia atrage utilizatorii de Internet, astfel încât conținutul video este atât de popular. Odată cu instalarea dezvoltatorului video se va face rapid.

1. Ar trebui să încărcați propriul videoclip pe Youtube sau să găsiți un fișier terță parte pentru difuzare.
2. Obțineți eticheta selectând butonul "HTML"
3. Acțiunea finală este de a introduce în Codul HTML

Ambele exemple au folosit generarea automată a codului, dar dezvoltatorii profesioniști ar trebui să poată să-l compună ei înșiși. În primul rând, le va permite să înțeleagă aspectul paginii și, dacă este necesar, să o modifice. În al doilea rând, nu întotdeauna marcarea elementelor site-ului (chiar dacă aparțin unei resurse externe) se formează fără participarea unui webmaster. Aici este calificarea înaltă a dezvoltatorului.

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ă eticheta este asociată. Între elementele de deschidere și de închidere se specifică conținutul care va fi afișat în browserele care nu acceptă acest element de aspect. Principalele atribute ale etichetei:

• lățime (lățime);
• înălțime (înălțime);
• src (adresa resursei încărcate);
• alinierea (metoda de aliniere);
• frameborder;
• allowfullscreen.

Astfel, codul pentru

În marcajul rezultat este suficient să înlocuiți adresa unui site cu oricare altul și, dacă este necesar, să corectați dimensiunile unui cadru.