بخش های اصلی

آموزش HTML 5

آموزش HTML - ایجاد iFrame

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

Iframe چیست

Iframe یا فرِیمِ درون خطی برای نمایش شیء های خارجی مانند صفحه های وبِ داخل صفحه وب، استفاده می شود.شکل دستوری اولیه برای اضافه کردن iframe بصورت زیر است:

<iframe src="URL">
    اطلاعات جایگزین، برای زمانی که مرورگر امکان پشتیبانی از iframe را نداشته باشد.
</iframe>

-       URL به آدرس شی ء خارجی یا صفحه وب اشاره می کند.

تنظیم کردن عرض (width) و ارتفاع (Height) یک iframe

خصیصه های height و width برای مشخص کردن ارتفاع و عرض iframe به کار می روند.

مثال

<iframe src="demo-page.html" width="200" height="200">
    اطلاعات جایگزین، برای زمانی که مرورگر امکان پشتیبانی از iframe را نداشته باشد.
</iframe>

نکته: مقادیرِ خصیصه های Height و width بر حسب پیکسل (pixel) هستند، با این حال می توانید مقادیر را بر حسب درصد نیز بنویسید (مانند "%50").

حذف قابِ فریم (Frameborder) پیش فرض

خصیصه frameborder مشخص می کند که قاب دور  iframe نشان داده شود یا نه. این خصیصه مقادیر "0" یا "1" می گیرد. مقدار پیش فرض آن "1" است که نتیجه را داخل یک قاب می گذارد درحالیکه مقدار "0" قاب دور iframe را حذف می کند.

مثال

<iframe src="demo-page.html" frameborder="0">
    اطلاعات جایگزین، برای زمانی که مرورگر امکان پشتیبانی از iframe را نداشته باشد.
</iframe>

استفاده از iframe بعنوان مقصد لینک

یک iframe می تواند بعنوان مقصدی برای اَبَرلینک ها (hyperlinks) استفاده شود.

iframe با استفاده از خصیصه name نام گذاری می شود. کاربرد این خصیصه به این صورت است ، زمانیکه لینکی که مقدار خصیصه target آن همانند خصیصه name در iframe باشد و روی آن کلیک شود، منبعی که لینک به آن پیوند زده شده، در این iframe باز خواهد شد.

مثال

<iframe src="demo-page.html" name="myFrame"></iframe>
<p><a href="http://www.softskill.ir" target="myFrame">Softskill</a></p>

مبحث آموزشی

آموزش HTML 5

Learn HTML 5

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

تبلیغات

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

آخرین مقالات

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد