HTML5, Elemente încorporate - Partea 2

De multe ori în documentele noastre HTML Trebuie să îmbogățim conținutul și nu mai este o chestiune de a adăuga o imagine, ci și de a o face la nivel media în general, pentru aceasta trebuie să includem conținut din alte pagini, să includem videoclipuri etc. Pentru a face acest lucru, vom vedea cum să încorporăm alte tipuri de elemente, altele decât imaginile.
Pentru a include conținut HTML vom folosi elementul iframe, Acest element ne permite să includem o altă pagină decât cea curentă în documentul nostru, atributele pe care le are sunt următoarele:

• src
• srcdoc
• Yam
• lăţime
• înălţime
• nisip
• fără sudură

Să vedem un exemplu de nivel de cod al modului de implementare a unui iframe într-un document HTML5:

 Exemplu

Fructele care îmi plac
Activități care îmi plac

În acest exemplu vedem cum folosim unele elemente la pentru a genera legături cu care putem încărca un alt document în iframe, în cadrul său vedem atribute precum Yam care indică numele elementului, cum ar fi lăţime Da înălţime care ne permit să setăm dimensiunea elementului.
Să vedem cum arată acest exemplu când îl rulăm în browserul nostru:

În HTML5 avem două atribute noiSă vedem primul fără sudură, acest atribut ne permite să arătăm iframe ca și cum ar fi o parte integrantă a documentului nostru, adică un utilizator nu și-ar da seama că vede conținut care nu aparține site-ului, al doilea atribut, nisip, ne ajută să prevenim următoarele atribute să funcționeze în documentul care se deschide în iframe:

• scripturi
• forme
• pluginuri
• linkuri către alte documente

Valorile pe care le poate lua atributul nisip sunt după cum urmează:

• permite-forme: Permite utilizarea formularelor.
• allow-scripts: Permite utilizarea scripturilor, cum ar fi javascript.
• permite-navigare de sus: Permite linkurile astfel încât să poată înlocui documentul curent din care iframe sau, de asemenea, deschideți noi file și ferestre.
• allow-same-origin: Permite conținutul fișierului iframe să fie tratat ca și cum ar fi fost generat în același document care efectuează apelul.

Acest element ne permite să încorporăm obiecte în documentul nostru HTML, cum ar fi un videoclip de Youtube, Să vedem un exemplu în acest sens:

 Exemplu 

După cum putem vedea în exemplu, avem atributul src care indică sursa obiectului care urmează să fie încorporat, apoi tip care ne spune ce tip de obiect este, precum și lăţime si înălţime pentru a seta dimensiunea elementului nostru.
Acest element este destul de util atunci când continuăm să ne îmbogățim paginile, acum nu numai cu alte documente și imagini, ci și cu videoclipuri și conținut flash.
Cu aceasta terminăm acest tutorial, ar trebui să putem deja să producem documente HTML îmbogățit, care se adaptează la imaginea pe care o putem avea în minte cu privire la aspectul paginii noastre, fie pentru a afișa imagini sau videoclipuri din diferite tipuri de surse.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv