iframe ටැගය
iframe ටැගය එක් වෙබ් අඩවියක අන්තර්ගතය වෙනත් වෙබ් අඩවියකට embed කිරීමට ඉඩ සලසයි. නව කවුළුවක් හෝ ටැබ් එකක් විවෘත නොකර වීඩියෝ, රූප හෝ ලිපි වැනි අන්තර්ගතය ප්රදර්ශනය කිරීමට එය භාවිතා කරයි.
Embed කරන ලද වෙබ් අඩවියේ අන්තර්ගතයට එම වෙබ් අඩවියේම රූප සැලැස්ම ඇත. අපගේ වෙබ් අඩවියේ CSS විලාසිතා මෙන්ම අපගේ JavaScript කේතයද iframe ටැගයේ අන්තර්ගතයට බලපෑම් නොකරයි.
iframe හි අන්තර්ගතයට අපගේ JavaScript යොදා ගත හැකි නමුත් එය සිදු කිරීම සඳහා විශේෂ ක්රම භාවිතා කළ යුතුය.
iframe ටැගය YouTube වැනි වේදිකා වලින් වීඩියෝ embed කිරීමට මෙන්ම වෙනත් මූලාශ්ර වලින් ලිපි හා රූප ප්රදර්ශනය කිරීමට වෙබ් අඩවිවල බහුලව භාවිතා වේ.
ගුණාංග
| ගුණාංගය | විස්තරය |
|---|---|
src |
Embed කළ යුතු පිටුවේ ලිපිනය සඳහන් කරයි. |
srcdoc |
iframe හි අන්තර්ගතය ගුණාංගය තුළටම සෘජුව නිර්වචනය කිරීමට ඉඩ සලසයි. |
frameborder |
iframe වටා සීමාවක් නිර්වචනය කරයි.
yes අගය සීමාවක් නිර්වචනය කරයි (පෙරනිමිය ලෙස),
no අගය සීමාව ඉවත් කරයි.
|
scrolling |
iframe ඇතුළත අනුචලන තීරු නිර්වචනය කරයි.
auto - අවශ්යතාවය අනුව අනුචලනය (පෙරනිමිය),
yes - සැමවිටම අනුචලනය,
no - අනුචලනය නැත.
|
උදාහරණය
අපගේ වෙබ් අඩවියට වෙනත් වෙබ් අඩවියක් සහිත iframe එකක් ඇතුල් කරමු (උදාහරණයක් ලෙස code.mu ගනිමු):
<iframe src="https://code.mu/" width="600" height="400"></iframe>
:
උදාහරණය
අපගේ වෙබ් අඩවියට YouTube වීඩියෝවක් embed කරමු:
<iframe
src="https://www.youtube.com/embed/KzQrHpB1H8U"
allowfullscreen
width="400"
height="400">
</iframe>
:
උදාහරණය
iframe එක තුළ අන්තර්ගතය සෘජුව ලියමු:
<iframe
srcdoc="<h1>ශීර්ෂය</h1><p>පාඨය</p>"
width="300"
height="200">
</iframe>
: