فریم های درون خطی HTML

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

iframe چیست؟

بعد از استفاده از <frame> ، عنصر iframe در HTML5 معرفی شد. شما باید از آن برای نمایش یک صفحه وب در داخل یک صفحه وب دیگر استفاده کنید:

<iframe src="https://cdn.bitdegree.org/learn/test-iframe.htm" width="90%" height="300px"></iframe>

به طور پیش فرض ، هر iframe HTML با حاشیه ای در اطراف خود نمایش داده می شود. با این حال ، می توانید اندازه ، سبک و رنگ آن را تغییر دهید یا حاشیه را کاملاً با استفاده از ویژگی حاشیه CSS حذف کنید:

<iframe src="https://cdn.bitdegree.org/learn/test-iframe.htm" style="border: none;"></iframe>

نحو برای یک قاب درون خطی در HTML

برای قرار دادن iframe در صفحه خود ، باید از تگ <iframe> استفاده کنید:

<iframe src = "page_URL"> </iframe>

درست مانند یک لینک فوق العاده ، URL صفحه ای که می خواهید اضافه کنید باید در ویژگی src تعریف شود. این ویژگی باید در کد iframe لحاظ شود تا مطابق هدف کار کند.

ویژگی های iframe HTML

ویژگی src URL (آدرس وب) صفحه را در صورت قرار دادن iframe مشخص می کند. همچنین می تواند به یک سند HTML ارجاع دهد:

<iframe src="https://cdn.bitdegree.org/learn/test-iframe.htm">This text is shown if iframe is not supported.</iframe>

ویژگی width عرض iframe HTML را تنظیم می کند در حالی که height ارتفاع را تعیین می کند. به طور پیش فرض ، این مقادیر در پیکسل تنظیم می شوند ، اما اگر از نماد درصد استفاده کنید ، می توان آن ها را نیز در درصد تنظیم کرد:

<iframe src="https://cdn.bitdegree.org/learn/test-iframe.htm" width="90%" height="300px"></iframe>

ویژگی اختیاری نام یک نام برای عنصر iframe تنظیم می کند:

<iframe src="https://cdn.bitdegree.org/learn/test-iframe.htm" name="iframe_tutorial"></iframe>

ویژگی sandbox اختیاری مجموعه محدودیت های بیشتری را برای محتوای iframe HTML فراهم می کند ، به این معنی که پخش خودکار ویدیوها را ممنوع کرده و از استفاده محتوای افزونه ها جلوگیری می کند:

<iframe src="https://cdn.bitdegree.org/learn/test-iframe.htm" sandbox></iframe>

نکات مهم فریم های درون خطی HTML

• مثال های خوب استفاده از iframe می تواند تعبیه یک قطعه کد ، شی im چندرسانه ای (مانند یک ویدیو) یا یک برنامه از شخص ثالث باشد.
• شما می توانید یک عنصر <p> را درون تگ <iframe> لانه کنید تا متنی را برای نمایش در صورت عدم پشتیبانی مرورگر از iframes فراهم کنید.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.