تگ iframe در HTML

با یکی دیگر ازتگ ها با عنوان تگ iframe در HTML آشنا می شویم.

نکات اصلی تگ iframe

• یک قاب درون خطی با استفاده از تگ <iframe> ارائه می شود.
• یک سند را می توان با استفاده از یک قاب داخلی در سند فعلی قرار داد.

استفاده از تگ iframe در HTML

<iframe>  یک قاب درون خطی است. این یک صفحه را به صفحه دیگری تعبیه می کند.

به مثال iframe زیر نگاه کنید ، کاربرد آن را با ویژگی src نشان می دهد:

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

ویژگی های استفاده از تگ iframe

height

ارتفاع یک قاب درون خطی را بر حسب پیکسل (px) تعریف می کند.

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

name

این یک مقدار نام برای یک قاب درون خطی تعیین می کند.

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

sandbox

این محدودیت ها را تعریف می کند ، حاوی محتوای یک قاب درون خطی است.

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

src

این پیوند به محتوایی را تعریف می کند که در قاب درون صفحه نمایش داده می شود.

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

srcdoc

این محتویات دارای ماهیت HTML را مشخص می کند تا به عنوان محتوا در یک قاب داخلی نمایش داده شود.

<iframe srcdoc="Hello from srcdoc!" src="https://www.bitdegree.org/"></iframe>

width در تگ iframe

ویژگی iframe width عرض یک قاب درون خطی را تنظیم می کند.

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

ویژگی های منسوخ شده تگ iframe

align

اطلاعات ترازبندی را برای قاب درون خطی تنظیم می کند. در HTML5 پشتیبانی نمی شود.

در عوض ، از ویژگی float CSS استفاده کنید. بیاموزید که چگونه در CSS Layout Float و پاک کنید.

<!-- Renders a left aligned inline frame. -->
<iframe src="https://www.bitdegree.org/" width="250" height="250" align="left"></iframe>

frameborder

قابلیت مشاهده مرز قاب را روی (0) یا خاموش (1) تنظیم می کند. در HTML5 پشتیبانی نمی شود.

به جای آن از ویژگی حاشیه CSS استفاده کنید. چگونه در آموزش CSS Borders بیاموزید.

<!-- Frameborder will not be visible. -->
<iframe src="https://www.bitdegree.org/" width="350" height="350" frameborder="0"></iframe>

longdesc

این یک پیوند سند را مشخص می کند که شامل توصیف طولانی برای قاب درون خطی است. در HTML5 پشتیبانی نمی شود.

<iframe src="https://www.bitdegree.org/" width="150" height="150" longdesc="data.txt"></iframe>

marginheight

مقادیر حاشیه را برای بالا و پایین محتوا در یک قاب درون خطی تنظیم می کند. در HTML5 پشتیبانی نمی شود.

در عوض ، از ویژگی CSS padding استفاده کنید. چگونه در آموزش CSS Padding بیاموزید.

<iframe src="https://www.bitdegree.org/" marginheight="20" width="100"></iframe>

marginwidth

مقادیر حاشیه را برای چپ و راست محتوا در یک قاب درون خطی تنظیم می کند. در HTML5 پشتیبانی نمی شود.

به جای آن از ویژگی CSS padding استفاده کنید.

<iframe src="https://www.bitdegree.org/" marginwidth="30"></iframe>

scrolling در تگ iframe

مجوزهای پیمایش را تغییر می دهد. در HTML5 پشتیبانی نمی شود.

<iframe src="https://www.bitdegree.org/" width="400" height="400" scrolling="yes"></iframe>

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

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