ઇનલાઇન ફ્રેમ્સ તમને તમારા પૃષ્ઠો પરના બાહ્ય સ્ત્રોતોમાંથી સામગ્રી શામેલ કરવાની મંજૂરી આપે છે
ઇનલાઇન ફ્રેમ્સ, જે સામાન્ય રીતે ફક્ત "iframes" તરીકે ઓળખાય છે, HTML5 માં મંજૂર કરેલ એકમાત્ર પ્રકારનો ફ્રેમ છે આ ફ્રેમ આવશ્યકપણે તમારા પૃષ્ઠનો એક વિભાગ છે જે તમે "કાપી" છો. તમે જે જગ્યા ખાલી કરી છે તે જગ્યામાં, તમે બાહ્ય વેબપૃષ્ઠમાં ફીડ કરી શકો છો. સારમાં, તમારા વેબ પેજની અંદર એક આઇફ્રેમ બીજી બ્રાઉઝર વિન્ડો સેટ છે. તમે સામાન્ય રીતે વેબસાઇટ્સ પર ઉપયોગમાં લેવાતા iframes જુઓ કે જે Google નકશા અથવા બાહ્ય સામગ્રીનો સમાવેશ કરવાની જરૂર છે જેમ કે YouTube માંથી વિડિઓ.
તે બંને લોકપ્રિય વેબસાઇટ્સ તેમના એમ્બેડ કોડમાં iframes નો ઉપયોગ કરે છે.
IFRAME એલિમેન્ટનો ઉપયોગ કેવી રીતે કરવો
આ ઘટક HTML5 વૈશ્વિક તત્વો તેમજ અન્ય કેટલાક ઘટકોનો ઉપયોગ કરે છે. ચાર એ HTML 4.01 માં પણ છે:
- ફ્રેમના સ્ત્રોત માટે URL
- વિન્ડોની ઉંચાઈ
- -વિન્ડોની પહોળાઈ
- - વિન્ડોનું નામ
અને HTML5 માં ત્રણ નવા છે:
- srcdoc- ફ્રેમના સ્રોત માટેનું HTML. આ લક્ષણ સ્રોત લક્ષણમાં કોઈપણ URL પર પ્રાધાન્ય લે છે
- સેન્ડબોક્સ- એ એવી સુવિધાઓની સૂચિ છે કે જે ફ્રેમ વિંડોમાં મંજૂર અથવા નામંજૂર થવી જોઈએ
- સીમલેસ - વપરાશકર્તા એજન્ટને કહે છે કે iframe રેન્ડર કરવામાં આવે છે જેમ કે તે અજાણપણે પેરેંટ દસ્તાવેજનો ભાગ છે
સરળ iframe બનાવવા માટે, તમે સ્રોત URL અને પહોળાઈ અને ઊંચાઈ સેટ કરો છો: