HTML Iframes

web page ekak thula web page ekak penwimata iframe bawitha karanawa

Iframes

<!-- src/height/width/frameborder/title/loading/name/allowfullscreen/allowpaymentrequest -->

<iframe 

src="https://www.wikipedia.org/" 
height="550px" 
width="850px" 
frameborder="1" 
title="wikipedia platform" 
loading="lazy"
name="frame123"
allowfullscreen
allowpaymentrequest="true">

</iframe>

<!-- srcdoc -->

<iframe  

src="https://www.wikipedia.org/" 
srcdoc="<p> Hello World HTML! </p>" 
frameborder="1" 
height="150px" 
width="200px">

</iframe>

iframe ekak hadanne me widiyata

iframe Attributes

1.height	🎱iframe eke usa niyama karay 🎱default height =150px
2.width	🎱iframe eke palala niyama akray 🎱default width =300px
3.frameborder	🎱iframe eka wate border ekak yana eka adahas karanne 🎱0 saha 1 mekedi bawitha wenne
4.src	iframe eka sadaha labadiya yuthu document url eka denne mekata
5.srcdoc	🎱srcdoc thula sidu karanne html code labadimaya 🎱වලංගු HTML code wiya yuthuya 🎱mekata sampurna html file ekaka code ekama labadenna puluwan (only html) Example = <h2> Hello world </h2> 🎱srcdoc sadaha browser support karanawanam src sadaha laba di athi url kriya nokaray 🎱srcdoc sadaha browser support karanne nethnam src sadaha labadi athi url kriya karay
6.title	🎱mouse eka iframe eka udata aragena giyama title ekata dila thiyena text eka pennnawa 🎱iframe හි අන්තර්ගතය කුමක්දැයි කියවීමට තිර කියවන්නන් විසින් මෙය භාවිතා කරයි.
7.loading	🎱බ්‍රවුසරයක් වහාම iframe එකක් පූරණය කළ යුතුද නැතහොත් සමහර කොන්දේසි සපුරාලන තුරු iframes පූරණය කිරීම කල් දැමිය යුතුද යන්න නිශ්චිත කරයි. 1.eager = පිටුව loade වූ වහාම iframe loade කිරීම සිදු කරය් (default) 2.lazy = සමහර කොන්දේසි සපුරාලන තුරු iframes loade කිරීම කල් දැමීම සිදු කරය්
8.name	🎱iframe sadaha namak labadima sidu karay 🎱name attribute eka JavaScript එකක element යොමු කිරීමට හෝ <a> හෝ <form> element ekaka target attribute eke අගය ලෙස හෝ <input> හෝ <button> element ekaka formtarget attribute ලෙස භාවිතා කළ හැක. ( me tika therenne nehe hariyata) 🎱Site link eka balanna ethakota adahasak ganna puluwan = https://www.dofactory.com/html/iframe/name
9.target	👇
10.allow	🎱<iframe> සඳහා විශේෂාංග ප්‍රතිපත්තියක් නියම කරයි. 🎱meke loku wistharayak thiyenawa hoyaganna behe( therenne nehe matanam) try karata code weda nehe 🎱site link = https://www.thewebmaster.com/html/attributes/allow/
11.allowfullscreen	🎱<iframe> හට requestFullscreen() ක්‍රමය ඇමතීමෙන් පූර්ණ තිර ප්‍රකාරය සක්‍රිය කළ හැකි නම් සත්‍ය ලෙස සකසන්න. 🎱mn hithanne full screen eka labadima meken adahas wenne 🎱therenne nehe meka mata
12.allowpaymentrequest	cross-origin (හරස්-සම්භව) <iframe> එකකට ගෙවීම් ඉල්ලීම් API ක්‍රියාත්මක කිරීමට ඉඩ දිය යුතු නම් true ලෙස සකසන්න 1.true = awasarana denna 2.false = awasara denna epa
13.sandbox	👇
14.referrerpolicy	👇

9.<iframe> target

<!--parent-->

<!--------------page1--------------->
  <iframe src="two.html" frameborder="2" width="600px" height="500px"></iframe>
<!--------------page2--------------->
  <iframe src="three.html" frameborder="1" width="400px" height="300px"></iframe>
<!--------------page3--------------->
  <a href="https://www.youtube.com/" target="_parent">parent click</a>

<!--top-->

<!--------------page1---------------->
  <iframe src="two.html" frameborder="2" width="600px" height="500px"></iframe>
<!--------------page2---------------->
  <a href="https://www.youtube.com/" target="_top">Top click</a>
  
  
<!-- framename -->

  <a href="https://www.wikipedia.org/wiki/Vincent_van_Gogh" 
   target="frame">Vincent Van Gogh</a> <br/> <br/>

  <iframe name="frame" style="width:100%;height:450px;"
        src="https://en.wikipedia.org/wiki/Main_Page"> 
  </iframe>

iframe athule link විවෘත කළ යුතු ස්ථානය නියම kirima saha link විවෘත kirima meken adahas we

_parent	🎱meka weda karanne iframe sadaha pamany 🎱meka check karanna html page 3k ona 3 weni html page eke <a> tag eka athule target ekata adala _parent eka denna ona.ethakota link eka open wenne 2weni html page eka athule thiyena ifram eken (3 weni page eke parent page eka 2weni html page eka) 1 html page saha 2 html page dekema iframe thiyenna ona 🎱video link = https://www.youtube.com/watch?v=1Nf3e0bYng0
_top	🎱meka weda karanne iframe sadaha pamany 🎱meka check karanna html page 2k ona 2 weni html page eke <a> tag eka athule target ekata adala _top eka denna ona.ethakota link eka open wenne fully 1 html page eken. 1 html page eke iframe thiyenna ona. 🎱video link = https://www.youtube.com/watch?v=1Nf3e0bYng0
framename	🎱iframe eke name attibute ekata labana dena samana namama wenath link ekak labadena <a> tag eke target attribute ekata labadimen ema <a> tag eke thibena link eka iframe eken open kala hekiya 🎱site link = https://www.dofactory.com/html/target/framename

13.<iframe> sandbox

<!--No support Script Run -->
<iframe src="demo_iframe_sandbox.htm" sandbox>
  <p>Your browser does not support iframes.</p>
</iframe>

<!--support Script Run -->
<iframe src="demo_iframe_sandbox.htm" sandbox="allow-scripts">
  <p>Your browser does not support iframes.</p>
</iframe>

sandbox attribute eka pamanak labadi ඇති බැවින්, iframe අන්තර්ගතයට script ධාවනය කිරීමට අවසර නැත. awasara labadimata sandbox sadaha “allow-scripts” labadiya yuthuya

sandbox iframes වල ආරක්ෂාව වැඩි දියුණු කිරීමට භාවිතා කරයි, විශේෂයෙන් විශ්වාස කළ නොහැකි අන්තර්ගතයන් කාවැද්දීමේදී.
sandbox pamanak labadi thibena wita සියලු සීමා කිරීම් ක්‍රියාත්මක කරයි.
සියලු සීමා කිරීම් ඉවත් කිරීමට sandbox attribute eka sampurnayenma ඉවත් කළ යුතුය.
w3school link = https://www.w3schools.com/tags/att_iframe_sandbox.asp
Other site link = https://www.dofactory.com/html/iframe/sandbox

*(no value)*	🎱සියලු සීමා කිරීම් ක්‍රියාත්මක කරයි. 🎱sandbox pamanak labadi value ekak labanodun wita siyaluma simakirima kriyathmaka karanawa 1.අන්තර්ගතය අද්විතීය සම්භවයකින් ලැබුණු එකක් ලෙස සැලකීම 2.forms ඉදිරිපත් කිරීම අබල කරයි 3.script ක්‍රියාත්මක කිරීම අවහිර කරයි 4.API අක්‍රීය කරයි 5.link වෙනත් බ්‍රවුසින් සන්දර්භයන් (browsing contexts) ඉලක්ක කර ගැනීමෙන් වළක්වයි 6.අන්තර්ගතය ප්ලගීන භාවිතා කිරීමෙන් වළක්වයි (embed>, <object>, <applet>, හෝ others) 7.අන්තර්ගතය එහි ඉහළ මට්ටමේ බ්‍රවුසින් සන්දර්භය (top-level browsing contex ) තුළ සැරිසැරීම වැළැක්වීම 8.ස්වයංක්‍රීයව අවුලුවන විශේෂාංග (triggered feature) අවහිර කරන්න (ස්වයංක්‍රීයව වීඩියෝවක් වාදනය කිරීම හෝ පෝරම පාලනයක් ස්වයංක්‍රීයව නාභිගත ( automatically focusing a form control ) කිරීම වැනි)
allow-forms	Form ඉදිරිපත් කිරීමට ඉඩ සලසයි.
allow-modals	modals විවෘත කිරීමට ඉඩ සලසයි.
allow-orientation-lock	තිර දිශානතිය අගුළු දැමීමට ඉඩ සලසයි.
allow-pointer-lock	Pointer Lock API භාවිතා කිරීමට ඉඩ දෙයි
allow-popups	popup වලට ඉඩ දෙයි
allow-popups-to-escape-sandbox	sandbox උරුම කර නොගෙන popup වලට new windows විවෘත කිරීමට ඉඩ දෙයි.
allow-presentation	ඉදිරිපත් කිරීමේ season ekak ආරම්භ කිරීමට ඉඩ දෙයි
allow-same-origin	iframe අන්තර්ගතය එකම සම්භවයකින් (same orgin) ලැබුණු එකක් ලෙස සැලකීමට ඉඩ දෙයි.
allow-scripts	script ධාවනය කිරීමට ඉඩ දෙයි
allow-top-navigation	iframe අන්තර්ගතයට එහි ඉහළ මට්ටමේ බ්‍රවුසින් සන්දර්භය (top-level browsing contex) තුළ සැරිසැරීමට ඉඩ දෙයි.
allow-top-navigation-by-user-activation	iframe අන්තර්ගතයට එහි ඉහළ මට්ටමේ බ්‍රවුසින් සන්දර්භය (top-level browsing contex) තුළ සැරිසැරීමට ඉඩ දෙයි, නමුත් පරිශීලකයා විසින් ආරම්භ කළහොත් පමණි.

14.<iframe> referrerpolicy

empty ( mukuth nehe w3 eke code eka copy karala dunne methanata)
<iframe src="https://w3schools.com/" referrerpolicy="no-referrer">
  <p>Your browser does not support iframes.</p>
</iframe>

iframe ලබා ගැනීමේදී යැවිය යුතු යොමුකරු තොරතුරු නියම කරයි.

Meka therenne nehe matanam
video link = https://www.youtube.com/watch?v=4Cnp-q54Ulo&t=238s
w3school Link = https://www.w3schools.com/tags/att_iframe_referrerpolicy.asp

no-referrer	–
no-referrer-when-downgrade	–
origin	–
origin-when-cross-origin	–
same-origin	–
same-origin	–
strict-origin-when-cross-origin	–
unsafe-url	–