٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش Iframes HTML

از iframe HTML برای نمایش یک صفحه وب در یک صفحه وب استفاده می شود. نحو  HTML Iframe <iframe>برچسب HTML یک قاب درون خطی را مشخص می کند. یک فریم درون خطی برای جاسازی سند دیگری در سند HTML فعلی استفاده می…

محمد یوسفی

28 ژوئن 2021

از iframe HTML برای نمایش یک صفحه وب در یک صفحه وب استفاده می شود.

نحو  HTML Iframe

<iframe>برچسب HTML یک قاب درون خطی را مشخص می کند.

یک فریم درون خطی برای جاسازی سند دیگری در سند HTML فعلی استفاده می شود.

نحو

<iframe src="url" title="description"></iframe>

نکته: این یک روش خوب است که همیشه یک titleصفت برای آن درج شود <iframe>. این خواننده ها برای خواندن محتوای iframe از آن استفاده می کنند.


Iframe – تنظیم ارتفاع و عرض

از ویژگی ها heightو widthبرای تعیین اندازه iframe استفاده کنید.

ارتفاع و عرض به طور پیش فرض در پیکسل مشخص شده است:

<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>

یا می توانید styleویژگی را اضافه کنید و از CSS heightو width ویژگی ها استفاده کنید:

<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>

Iframe – حاشیه را بردارید

به طور پیش فرض ، یک iframe حاشیه ای در اطراف خود دارد.

برای حذف حاشیه ، styleویژگی را اضافه کنید و از borderویژگی CSS استفاده کنید :

<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>

با CSS می توانید اندازه ، سبک و رنگ حاشیه iframe را نیز تغییر دهید:

<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Example"></iframe>

Iframe – هدف پیوند

از iframe می توان به عنوان قاب هدف برای یک پیوند استفاده کرد.

targetصفت از لینک ها باید به مراجعه nameویژگی از iframe:

<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>

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها