Cum să încorporezi un site extern într-o pagină web

De multe ori dezvoltatorii web doresc să afișeze conținut de pe un site în interiorul paginii lor. Folosirea etichetei iframe este cea mai simplă metodă pentru a încorpora un site complet sau părți ale sale într-o pagină HTML.

Instrucțiuni pas cu pas

Pasul 1 – Salvează o copie de siguranță

Fă o copie de rezervă a oricărui fișier pe care îl vei modifica.

Pasul 2 – Deschide fișierul

Editează fișierul HTML sau PHP în care vrei să introduci site-ul extern cu un editor de text (Notepad, VS Code) sau cu Dreamweaver.

Pasul 3 – Găsește locul potrivit

În codul sursă al paginii principale, poziționează cursorul unde dorești să apară iframe-ul.

Pasul 4 – Adaugă codul iframe

Inserează următorul fragment, înlocuind valorile dintre paranteze cu cele dorite (fără paranteze). Poți seta lățimea și înălțimea ca procentaj sau ca pixeli.

<iframe src="URL_SITE"></iframe>

Pasul 5 – Setări opționale

Poți adăuga atribute suplimentare pentru controlul afișării:

• frameborder="1" – Controlează grosimea bordurii.
• marginheight="1px" marginwidth="1px" – Spațiu de margine în pixel.
• scrolling="auto" – Afișează bara de scroll când e necesar (poate fi „yes”, „no” sau „auto”).
• allowfullscreen – Permite redarea în mod fullscreen.
• loading="lazy" – Încărcare paștroasă pentru performanță.

Pasul 6 – Salvează și încarcă

Salvează fișierul modificat și încarcă-l pe server, înlocuind versiunea anterioară.

Resurse necesare

• Editor de text sau program de web-design
• Acces FTP/SFTP sau cPanel pentru fișierele serverului

Încorporarea unui iframe poate introduce probleme de securitate. Pentru a proteja utilizatorii, ia în considerare utilizarea atributului sandbox sau specifică allow-same-origin și alte permisiuni relevante.