در جلسه قبلی آموزش HTML با نحوه ساخت فرم ها در HTML آشنا شدیم. در این بخش قصد داریم تگ iframe در HTML را یاد بگیریم.
تگ iframe در HTML برای نمایش یک صفحه وب داخل یک صفحه وب دیگر استفاده می شود
تگ iframe چیست
یک iframe یا قاب درونی برای نمایش آبجکت های خارجی که شامل صفحات وب داخل یک صفحه وب است.
سینتکس ساده برای افزودن یک آی فریم بصورت زیر است:
|
1 2 3 |
<iframe src="URL"> alternative content for browsers which do not support iframe. </iframe> |
آدرس URL مشخص شده در خصوصیت src همان آدرس شی یا صفحه وب خارجی است.
متن داخل تگ هم زمانی نمایش داده می شود که مرورگر این ویژگی را پشتیبانی نکند.
ست کردن عرض و ارتفاع یک iframe
خصوصیات width و height برای مشخص کردن عرض و ارتفاع قاب iframe استفاده می شوند.
|
1 2 3 |
<iframe src="demo-page.html" width="200" height="200"> alternative content for browsers which do not support iframe. </iframe> |
نکته: مقادیر ویژگی width و heightبصورت پیش فرض پیکسل (pixel) است, اما شما می توانید بصورت درصد هم بنویسید (مثلا ۵۰%)
حذف خط حاشیه پیش فرض
خصوصیت frameborder مشخص می کند که آیا خطی در اطراف آی فریم نمایش داده شود یا خیر.
این ویژگی مقدار ۰ یا ۱ را می پذیرد که بصورت پیش فرض ۱ است و می توانید با قرار دادن ۰ آن را حذف کنید.
|
1 2 3 |
<iframe src="demo-page.html" frameborder="0"> alternative content for browsers which do not support iframe. </iframe |
استفاده از iframe به عنوان target لینک
یک تگ iframe می توانید به عنوان target برای لینک ها باشد.
یک تگ iframe می توانید با خصوصیت name نام گذاری شود. زمانی که مقدار خصوصیت target یک لینک را نام مشخص شده برای آی فریم قرار می دهید, آدرس مشخص شده در لینک داخل آی فریم باز می شود.
امیدوارم در این بخش آموزش HTML , از تگ iframe در HTML نهایت استفاده را برده باشید.
در بخش بعدی با انواع DOCTYPE ها در صفحه وب آشنا می شویم.
هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .
موفق باشید.
