فریم ها (Iframes)
«آی فریم (Iframe)» یک صفحه وب را داخل صفحه فعلی نشان می دهد. مثل پنجره ای کوچک در کلاس که به حیاط نگاه می کند.
سینتکس آی فریم
با تگ <iframe> یک سند دیگر را جاسازی می کنیم. صفت title را همیشه بگذار؛ برای خواننده صفحه خوان لازم است.
<iframe src="url" title="توضیح کوتاه"></iframe>
تعیین اندازه فریم
می توانی با ویژگی های height و width اندازه را مشخص کنی. واحد پیش فرض پیکسل است.
<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>
یا با صفت style و CSS همان کار را انجام بده.
<iframe src="demo_iframe.htm" style="height:200px; width:300px;" title="Iframe Example"></iframe>
حذف یا تغییر کادر دور فریم
فریم معمولاً کادر دارد. با CSS می توانی کادر را برداری یا تغییر دهی.
<iframe src="demo_iframe.htm" style="border: none;" title="Iframe Example"></iframe>
<iframe src="demo_iframe.htm" style="border: 2px solid red;" title="Iframe Example"></iframe>
استفاده از فریم به عنوان هدف لینک
می توانی لینک را در همان فریم باز کنی. مقدار target لینک باید برابر نام name فریم باشد.
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe Example"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
سه گام تمرینی
- یک آی فریم با عنوان مناسب بساز.
- اندازه را با height و width تعیین کن.
- یک لینک بساز که در همان فریم باز شود.
نکته: صفت title به دسترس پذیری کمک می کند. آن را فراموش نکن.
مسیر ادامه یادگیری
برای شناسه مقصد لینک ها، به صفحه شناسه ها (Id) برو. همچنین، برای اسکریپت ها در صفحه اسکریپت ها (Scripts) تمرین کن. همین طور، صفحه فریم ها (Iframes) را نشانک کن.
جمع بندی سریع
- <iframe> صفحه ای را داخل صفحه نشان می دهد.
- همیشه صفت title را قرار بده.
- اندازه را با height و width تنظیم کن.
- کادر را با CSS می توانی حذف کنی.
- target لینک باید نام فریم باشد.