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