‎‎تگ آي فريمHTML <iframe> Tag -‎

Previous >    <Next  

‎‎مثال ـ نمونه فريم يا قاب درون خطي

‎ 
 <iframe src="https://www.w3schools.com" title="W3Schools Free Online Web Tutorials"></iframe >

--(go to editor for change code and run)

‎‎تعريف وكاربردDefinition and Usage -‎

‎‎تگ‎<iframe>‎ يك قاب يا فريم درون خطي را تعريف مي نمايد .

‎‎يك قاب درون خطي براي جاسازي سندHTML ديگر در سندفعلي بكار گرفته ميشود .

‎

‎‎نكته ـ براي استايل‎<iframe>‎ ازCSS استفاده نمائيد .به مثال بعدي توجه نمائيد

‎نكته ـ تجربه خوبي است ، هميشه ويژگي‎title‎ رابراي‎<iframe>‎ ‎تنظيم نمائيد .صفحه خوانها آنرا براي درك محتوي فريم مورد توجه قرار ميدهند

‎‎پشتيباني مرورگرBrowser Support -‎

‎
‎Element‎ Chorome Edge Firefox Safari Opera
‎‎<iframe>‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎‎ويژگي هاAttributes -‎

‎
‎‎ويژگي ‎‎مقدار ‎‎شـــرح
‎allow‎ ‎‎ ‎‎
‎allowfullscreen‎ ‎true
false‎‎ 		‎‎اگرtrue باشد ، فريم بصورت تمام صفحه خواهد بود .
‎allowpaymentrequest‎ ‎true
false‎‎ 		‎‎
‎height‎ ‎pixels‎‎ ‎‎ارتفاع فريم را مشخص ميكند .پيش فرض150پيكسل
‎loading‎ ‎eager
lazy‎‎ 		‎‎مشخص ميكندكه آيا مرورگر بلافاصله آنرالودنمايد يا تحت شرايط آن كارراانجام دهد.
‎name‎ ‎text‎‎ ‎‎نامي براي فريم مشخص ميشود.
‎referrerpolicy‎ ‎n-‎referrer
no_referrer-‎when-‎downgrade
origin
origin-‎when-‎cross-‎origin
‎‎ same-‎origin
strict-‎origin-‎when-‎cross-‎origin
unsafe-‎url‎‎ 		‎‎
‎sandbox‎ ‎allow-‎forms
allow-‎pointer-‎lock
allow-‎popups
allow-‎same-‎origin
allow-‎script‎
allow-‎top-‎navigation‎‎ 		‎‎
‎src‎ ‎URL‎‎ ‎‎آدرسURL سند را مشخص ميكند
‎srcdoc‎ ‎HTML_code‎‎ ‎‎
‎width‎ ‎ pixels‎‎ ‎‎عرض فريم رامشخص ميكند.پيش فرض300پيكسل

‎‎ويژگي هاي جهانيGlobal Attributes -‎

‎‎تگ‎<iframe>‎ از ويژگي هاي جهانيHTML پيروي ميكند.

‎‎ويژگي هاي رويداديEvent Attributes -‎

‎‎تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.

‎‎مثالهاي بيشتر

‎‎مثال ـ باCSS مرزها را اضافه وحذف كنيد

‎ 
<iframe src="/default.asp" width="100%" height="300" style="border:1px solid black;">
</iframe >

<iframe src="/default.asp" width="100%" height="300" style="border:none;">
</iframe >

--(go to editor for change code and run)

‎‎تنظيمات پيش فرضDefault CSS Settings -‎

‎‎اغلب مرورگرها نمايش عنصر‎<iframe>‎ مطابق تنظيمات پيش فرضي زيرانجام ميدهند.

‎ 
iframe:focus {
  outline: none;
}

iframe[seamless] {
  display: block;
}

‎مرجع كامل تگهايHTML‎
‎مرجع كامل ويژگيهايHTML‎

Previous >    <Next