عنصر iframe در html
از iframe برای نمایش یک صفحه وب در داخل یک صفحه دیگر از وب در طراحی سایت استفاده می شود. نحوه ساختار عنصر iframe در html به شکل زیر است که در آن ویژگی src تعیین کننده URL (آدرس وب) صفحه iframe است:
<iframe src=”URL”></iframe>
iframe – تنظیم ارتفاع و عرض
از ویژگی ارتفاع و عرض برای مشخص کردن اندازه استفاده می شود. مقدار این صفت ها به طور پیش فرض بر حسب پیکسل بیان می شود اما می توان آنها را بر حسب درصد (برای مثال ۸۰%) نیز بیان کرد.
<iframe src=”demo_iframe.htm” width=”200″ height=”200″></iframe>
حذف حاشیه در iframe
به طور پیش فرض iframe دارای حاشیه سیاه رنگ است. به منظور حذف این حاشیه در طراحی سایت ، صفت style را اضافه کنید و از ویژگی border (حاشیه) در CSS استفاده کنید.
<iframe src=”demo_iframe.htm” style=”border:none”></iframe>
با استفاده از CSS، شما همچنین می توانید اندازه، سبک و رنگ مرز iframe ها را نیز تغییر دهید:
<iframe src=”demo_iframe.htm” style=”border:5px dotted red”></iframe>
از iframe به عنوان یک مقصد برای لینک استفاده کنید.
در واقع در طراحی سایت می توانید از iframe به عنوان یک هدف برای یک لینک استفاده کنید. صفت target یک لینک، به صفت name در iframe برمی گردد:
<iframe src=”demo_iframe.htm” name=”iframe_a”></iframe>
<p><a href=”http://www.w3schools.com” target=”iframe_a”>W3Schools.com</a></p>
منبع: sitedesign-co.com
سایر مقالات مرتبط :
- نکاتی برای خرید ایمیل شرکتی و ایرانی
- بهترین برندهای تلویزیون هوشمند کدامند؟
- اهمیت سیگنال رایگان ارز دیجیتال فیوچرز در ترید
- آشنایی با بهترین قالب های چند منظوره در وردپرس
- استفاده از گوگل ادز در ایران چگونه و چطور؟
- خرید سرور خارج از کشور از سرودیتا
- بهترین سئوکار خانم در ایران ❤️ | بهترین سئوکار خانم ایران
- قوی ترین باتری گوشی های سامسونگ و شیائومی در سال 2023
- سرور HP چیست؛ ۴ دلیل برای استفاده از آن
- با بهترین هاستینگ طراحان وب شمالغرب کشور آشنا شوید
- خلاقیت در تولید محتوا | جدیدترین متدهای افزایش خلاقیت محتوا ۲۰۲۳
- فروش مفتول گالوانیزه، سیم آرماتوربندی، سیم خاردار و فنس در فروشگاه اینترنتی حصارآنلاین