Cum să centrați un iFrame

Publicat: 2022-04-20

Dacă ați adăugat vreodată un iFrame la o pagină web, știți cât de frustrant poate fi să descoperiți că conținutul nu este afișat așa cum doriți. Cei familiarizați cu HTML probabil înțeleg această luptă, precum și dorința de a include iFrame în primul rând.

Dacă nu sunteți familiarizat cu iFrame, acestea sunt un element HTML care afișează conținut dintr-o pagină web pe alta . Probabil ați mai văzut un iFrame în timp ce vizitați un site web, chiar dacă nu îl știați. Multe iFrame sunt reclame care afișează informații de pe site-ul web al agentului de publicitate. Alții încorporează videoclipuri, postări și chiar hărți. Indiferent dacă editați HTML tot timpul sau chiar vă începeți călătoria de codare, acest articol vă va învăța tot ce trebuie să știți pentru a centra un iFrame.

Mai întâi, vom explica în profunzime ce este un iFrame și de ce ați dori să centrați unul. Apoi, vom acoperi câteva elemente de bază despre HTML și modul în care acestea utilizează iFrame. În cele din urmă, vă vom ghida prin pașii de centrare a unui iFrame pe pagina dvs. web folosind atributul align.

iframe html

Cuprins

Ce este un iFrame?

Un iFrame este termenul abreviat pentru un cadru inline. Cadrele inline sunt elemente HTML care pot afișa alte elemente HTML , precum și cod de pe alte site-uri web, cum ar fi Facebook sau YouTube. Puțin mai simplu, un iFrame este o fereastră dintr-o pagină web care vă permite să vizualizați conținut dintr-o altă pagină web. iFrame-urile pot fi o modalitate excelentă de a încorpora ceva în pagina dvs. web rapid și ușor. Deși necesită anumite cunoștințe HTML, ele pot fi o modalitate foarte simplă de a vă îmbunătăți pagina web. În special, companiile pot beneficia de utilizarea iFrame-urilor pe site-ul lor. Cadrele iFrame în loc de link-uri sau imagini statice pot face site-ul web al companiei dvs. să arate mai profesional. Ele pot fi chiar o sursă de venit dacă sunt folosite pentru a afișa reclame de la alte afaceri.

iFrames pot fi folosite pentru a încorpora reclame , videoclipuri YouTube, postări pe rețelele sociale și chiar hărți online în paginile web. Folosirea unui iFrame include acest conținut direct pe pagina web, ceea ce înseamnă că nu va trebui să actualizați constant informațiile. În schimb, se va actualiza automat împreună cu materialul sursă. De exemplu, utilizarea unui iFrame pentru a include o postare pe rețelele sociale oferă cititorilor acces direct la postare. Dacă postarea este ștearsă, editată sau obține interacțiuni noi, iFrame va reflecta acest lucru. Capturile de ecran pot să arate unele informații, dar nu vor fi la fel de dinamice ca un iFrame. De asemenea, o captură de ecran nu va include un link către conținutul în sine. Adesea, făcând clic pe un iFrame, vă duce direct la sursa acestuia. Cu toate acestea, unul dintre puținele dezavantaje ale unui iFrame este faptul că iFrame-urile pot pierde accesul la conținut dacă acesta este șters.

De ce aș dori să folosesc un iFrame pe pagina mea web?

iFrames îmbunătățesc aspectul general al paginii dvs. web, oferind utilizatorilor acces direct la conținut. De exemplu, videoclipurile YouTube încorporate folosind iFrames sunt redate direct pe pagina web. Nu este nevoie să așteptați ca pagina web să urmeze un link sau să căutați videoclipul. În acest fel, cititorii pot viziona un videoclip fără a fi nevoiți să părăsească pagina. Acest lucru poate reduce și timpul de încărcare prin includerea videoclipului ca pagină în pagina dvs. Timpul necesar unei pagini pentru a se încărca poate afecta grav volumul de trafic pe care îl primește un site web .

Încorporarea unor lucruri precum Google Maps poate oferi indicații cu ușurință, fără a fi nevoie să le căutați. Deoarece iFrame-urile accesează direct alte pagini web, instrucțiunile vor fi întotdeauna actualizate. Acesta poate fi un plus util pentru orice pagină web care se concentrează pe o anumită locație, cum ar fi un articol despre o atracție turistică. În mod similar, companiile ar putea dori să includă un cod al adresei lor în Google Maps pe site-ul lor. Utilizarea unui iFrame din Google Maps oferă vizitatorilor opțiunea de a arăta rapid indicații de orientare făcând clic pe iFrame.

centrați un iframe

Centrați un iFrame

iFrame-urile sunt menite să îmbunătățească funcția și aspectul unei pagini web, făcând foarte importantă încorporarea lor corectă. Videoclipul dvs. YouTube sau postarea pe rețelele sociale poate părea ciudat dacă nu este centrat pe o pagină web. Întreprinderile trebuie să ia în considerare în special aspectul site-ului lor. Deoarece conținutul vă poate îmbunătăți în mod semnificativ site-ul web , doriți să vă asigurați că este afișat corect. În caz contrar, site-ul dvs. poate să nu arate foarte profesional sau bine realizat. Din fericire, centrarea unui iFrame este simplă. Tot ce aveți nevoie este niște cunoștințe HTML la nivel de suprafață.

iFrame HTML

HTML, sau Hypertext Markup Language , este informația care îi spune unui browser web cum să afișeze o anumită pagină a unui site web. Este alcătuit dintr-un șir lung de cod care poate fi editat și modificat prin adăugarea sau ștergerea secțiunilor de cod. Aceste modificări afectează modul în care este afișată pagina web și funcția acesteia.

HTML este format din etichete, elemente și atribute. Etichetele sunt codul de început și de sfârșit în jurul unui element. Ele spun browserului web unde începe și se termină un element. Acest lucru permite elementului să fie exprimat corect și complet, fără ca acesta să se piardă printre alte coduri. Elementele sunt structurile care vor fi exprimate într-o pagină web. De exemplu, iFrame-urile sunt un element HTML. Când este plasat între două etichete, un element iFrame dintr-un cod HTML va afișa un iFrame pe site-ul dvs. web. În cele din urmă, atributele afectează modul în care este afișat un element. Acestea pot afecta dimensiunea, poziția sau chiar pot include text adăugat pe imagini.

Editarea codului HTML al unui site web îi schimbă aspectul și funcția. Editarea HTML poate implica un editor HTML precum NotePad sau KompoZer. În aceste programe de editare, puteți face modificări HTML-ul dvs. editând direct codul acestuia. Aceasta este o modalitate excelentă de a vă construi sau de a dezvolta site-ul dvs., dacă sunteți deosebit de cunoscător de tehnologie. Editarea codului HTML vă oferă posibilitatea de a include imagini , de a schimba text și de a încorpora iFrame.

cum să centrați un iframe

Utilizarea iFrame pe site-ul dvs. web

Primul pas pentru încorporarea unui iFrame în site-ul dvs. este găsirea conținutului pe care doriți să îl afișați. Dacă doriți să includeți un videoclip YouTube, faceți clic pe butonul „distribuie”. Acest lucru ar trebui să vă ofere câteva opțiuni pentru a partaja videoclipul. Faceți clic pe opțiunea care spune „încorporare” . Făcând clic pe acest buton, va apărea textul HTML iFrame exact pe care doriți să îl includeți. Acum, tot ce trebuie să faceți este să copiați și să lipiți aceste informații în HTML. În mod similar, postările pe rețelele sociale vor avea, de asemenea, opțiuni de încorporare a unei postări.

Pentru alte tipuri de conținut, ar putea fi mai ușor să utilizați un link către un site web în HTML. Pentru a încorpora acest tip de iFrame în site-ul dvs. web, începeți prin a deschide editorul HTML preferat. În editorul dvs., găsiți codul în care doriți să adăugați iFrame. Începeți prin a tasta „<iframe src=”. „src” aici înseamnă sursă, așa că orice urmează ar trebui să fie sursa conținutului afișat în iFrame. Aici veți dori să copiați și să lipiți linkul către conținutul pe care doriți să îl afișați. Linkul ar trebui să fie între ghilimele care se termină acolo unde se află linkul.

După ce ați inclus sursa între ghilimele, includeți înălțimea și lățimea dorite pentru iFrame. Înălțimea și lățimea unui iFrame sunt de obicei măsurate în pixeli, dar pot fi măsurate și în procente. În cele din urmă, închideți această etichetă iFrame tastând „iFrame>”. Dacă ați făcut acest lucru corect, ar trebui să aveți un iFrame de succes afișat pe site-ul dvs.! Acum că ați creat un iFrame, asigurați-vă că este centrat pe pagina dvs.

iFrame Align Center

Centrarea unui iFrame este o parte foarte importantă a modului în care arată pagina dvs. web. Poate fi incredibil de frustrant să treci prin efortul de a crea un iFrame, doar ca acesta să fie ușor dezactivat. Din fericire, centrarea unui iFrame este chiar mai ușoară decât a crea unul de la zero! La fel ca și crearea unui iFrame, este nevoie să vă editați HTML.

Deschideți editorul HTML și găsiți iFrame-ul pe care doriți să îl centrați. În codul pentru acel iFrame, tastați „align=center”. Acest lucru va spune paginii dvs. să centreze iFrame. De asemenea, puteți centra imaginea editând înălțimea și lățimea acesteia pe pagină. Din nou, acestea pot fi măsurate în pixeli sau procente.

Puteți chiar să vă aliniați iFrame diferit dacă nu doriți să fie centrat. În loc de centru, tastați „stânga”, „dreapta”, „jos” sau „sus” după „align=”. iFrame-ul tău va fi plasat corespunzător pe baza acestui text. Instrumentul folosit pentru aceasta se numește „atribut de aliniere”. Atributul align face ca schimbarea poziției iFrame-ului să fie foarte simplă. În timp ce centrarea iFrame-urilor este excelentă pentru conținut important, unele iFrame, cum ar fi cele utilizate pentru afișarea reclamelor, ar putea fi mai potrivite pe partea laterală a unei pagini web.

iframe align center

Centrarea iFrame-urilor

iFrame-urile sunt o modalitate excelentă de a amesteca conținut în site-ul dvs., dar a face ca acesta să arate corect poate fi dificil. Pur și simplu deschideți codul iFrames și adăugați „align=center” elementului. Acum puteți avea mai mult control asupra modului în care pagina dvs. web își afișează conținutul. Conținutul afișat în iFrames poate fi o îmbunătățire uriașă a aspectului și funcției generale a paginii dvs. web. Deoarece iFrame-urile servesc ca ferestre în informațiile unui alt site web, pagina dvs. web poate pune tot felul de informații importante într-un singur loc. Reclamele, videoclipurile și hărțile pot fi adăugate cu ușurință la pagina dvs. web prin HTML.