Inline Frames Cia Koj Ntxiv Cov Ntsiab Lus los ntawm Lwm cov Chaw hauv koj nplooj ntawv
Inline ntas, feem ntau yog hu ua "iframes", yog hom kab kos hauv HTML5 nkaus xwb. Cov thav ntawv no yeej tseem ceeb ib feem ntawm koj nplooj ntawv tias koj "txiav tawm". Nyob rau hauv qhov chaw uas koj tau txiav tawm ntawm nplooj ntawv, koj tuaj yeem tso tau pub rau lwm qhov webpage. Hauv essence, tus iframe yog lwm qhov browser qhov qhib hauv koj qhov web page. Koj pom tias iframes nquag siv rau hauv cov websites uas yuav tsum tau muaj cov ntsiab lus sab nraud xws li Google daim ntawv qhia lossis video ntawm YouTube.
Ob ntawm cov websites nrov yog siv iframes hauv lawv txoj cai.
Yuav Siv Tau Cov Qauv Lom Zem
Lub caij siv cov ntsiab lus HTML5 thoob ntiajteb zoo li ob peb lub ntsiab lus. Plaub yog tseem cwj pwm hauv HTML 4.01:
- -ib qhov URL rau ntawm qhov chaw
- -yog qhov rais ntawm qhov rais
- -pab ntawm qhov rais
- -thaum lub npe ntawm lub qhov rais
Thiab peb muaj cov tshiab hauv HTML5:
- srcdoc - cov HTML rau ntawm qhov chaw. No attribute yuav siv ua ntej dhau ib qho URL hauv tus src attribute
- sandbox -a daim ntawv teev cov nta uas yuav tsum raug tso cai los yog tsis pom zoo hauv cov thawv qhov rai
- seamless - ntau tus neeg siv tus neeg saib xyuas (agent) uas yog iframe yuav tsum tau muab nws zoo li nws yog ib feem ntawm daim ntawv pov thawj ntawm niam txiv
Tsim ib qho yooj yim iframe, koj teem tau qhov URL thiab qhov dav thiab qhov siab:
Nco ntsoov tias koj yuav xaiv tsis siv cov pixels qhov tseem ceeb rau qhov chaw ntawm koj iframe, tab sis tej zaum yuav txiav txim siab siv ib feem pua.
Yog tias koj tsim ib lub vev xaib lub tsev kawm ntawv uas nws yuav tsum hloov nrog ntau qhov screen, qhov feem pua no tseem ceeb heev.
Tseem muaj qee cov cwj pwm uas siv tau hauv HTML 4.01, tab sis tsis muaj nyob hauv HTML5. Vim tias feem ntau cov websites siv HTML5 no, cov cwj pwm no yog cov uas koj tsis xav siv (tab sis koj yuav saib tau qee cov ntaub ntawv legacy).
- -nws, siv lub caij mus txuas rau kev piav qhia
- -nws, siv CSS ntab cuab yeej
- tso cai ua haujlwm-siv, siv CSS keeb kwm tom qab ntiag tug los ua lub tshav rog
- -nws siv cov css ciam av
- marginheight- instead, siv CSS cov khoom ntiag tug
- marginwidth- instead, siv CSS cov khoom ntiag tug
- -nws, siv CSS txeej khoom
IFRAME Browser Support
Lub caij IFRAME yog kev txhawb los ntawm txhua tus niaj hnub browsers:
- Hauv
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari txawb
- Netscape 7+
- Opera 3+
- Safari
Yog hais tias tsis muaj tus lej xov tooj nyob hauv daim ntawv teev saum toj no, qhov no yog vim txhua yam ntawm qhov browser txhawb nws.
Ib yam yuav mindful ntawm yog tias thaum tag nrho cov browsers txhawb qhov IFRAME caij, muaj tseem txwv tsis pub rau qee cov HTML5 nta.
- Siv phwj lawm los tua tawm ntawm txoj hlauv tsis ruaj khov. Yog hais tias koj tsis xav scrollbars ntawm koj iframes, koj yuav tsum tau siv cov scrolling attribute.
- Lub srcdoc, sandbox, thiab seamless cwj pwm tsis txaus siab los ntawm txhua tus browsers ntawm lub sij hawm no.
Txuas nrog Iframes
Thaum koj muab koj iframes lub npe los yog tus ID koj tau ces taw rau koj cov kev sib txuas ntawm cov kablus no nrog tus cwj pwm ntawm lub caij. Tom qab ntawd, thaum ib tus neeg siv khawm ntawm qhov txuas, nws yuav qhib rau hauv qhov yog hais tias iframe qhov chaw tam sim no.
Sim koj tus kheej. Ntaus cov nram qab no rau hauv qhov web page:
Yog tias daim ntawv no tau qhib rau hauv IFRAME tsis muaj lub hom phaj , ces tag nrho cov kev sib txuas yuav qhib rau tib lub asrame ua niam txiv daim ntawv pov thawj.
Koj siv tau cov lus no los ua qhov kev sib txuas hauv ib qho IFRAME hloov cov ntsiab lus ntawm lwm IFRAME rau tib phab.
IFrames thiab Security
Lub caij IFRAME, ntawm nws tus kheej, tsis yog txoj kev pheej hmoo ntawm koj lossis koj cov neeg nyeem.
Hmoov tsis iframes tau txais ib lub koob npe nrov vim hais tias lawv yuav siv tau los ntawm cov websites phem uas muaj cov ntsiab lus uas tuaj yeem kis tau tus qhua lub computer yam tsis muaj lawv pom ntawm nplooj ntawv. Qhov no yog ua los ntawm kev txuas mus rau IFRAME invisible thiab cov ntawv sau tawm ntawm kev siab phem code. Tus neeg siv clicks qhov txuas thiab xav tias qhov txuas ntawd tawg vim tias tsis muaj dab tsi tshwm sim tshwm sim, tab sis ib tsab ntawv tau teem tawm qhov uas lawv tsis pom nws.
Nws kuj muaj kab mob hauv computer uas yuav ua rau pom IFRAME rau hauv koj cov nplooj ntawv web site, ua kom koj lub vev xaib rau hauv lub vev xaib. Lawv tuaj yeem ua qhov no los ntawm kev txhaj tshuaj SQL thiab lwm yam kev tawm tsam.
Qhov tseemceeb uas yuav tsum nco ntsoov thaum uas muaj IFRAME nyob rau hauv koj qhov web page yog tias koj cov neeg siv yuav tsis zoo li cov ntsiab lus ntawm txhua qhov chaw koj txuas rau. Yog tias koj xav tias muaj ib qhov chaw tsis muaj kev ntseeg, tsis txhob txuas rau nws hauv txhua lub sijhawm thiab feem ntau nws yeej tsis nrog nws cov ntsiab lus hauv IFRAME. Kev txuas rau koj tus kheej cov nplooj ntawv nyob rau hauv iframes, txawm li cas los, tsis ua teeb meem kev ruaj ntseg rau koj los yog koj cov neeg siv.
Thawj tsab xov xwm los ntawm Jennifer Krynin. Kho tawm ntawm 11/7/16 los ntawm Jeremy Girard