HTML Iframes

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

 

 

نحو HTML Iframe

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

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

<iframe src="آدرس" title="توضیح">

 

نکته: این یک روش خوب است که همیشه یک ویژگی عنوان برای <iframe> درج کنید.

 

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

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

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

<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>
امتحان کنید

 

Iframe - پاک کردن حاشیه

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

برای حذف حاشیه ، ویژگی style را اضافه کنید و از ویژگی حاشیه 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 می توان به عنوان قاب هدف برای یک پیوند استفاده کرد.

ویژگی هدف پیوند باید به ویژگی نام iframe اشاره داشته باشد:

<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe Example"></iframe>

<p><a href="https://maxdev.ir" target="iframe_a">MaxDev</a></p>
امتحان کنید