5 مرحله برای آشنایی با برچسب iframe
تگ iframe (مخفف قاب درون خطی) یک عنصر HTML است که به شما امکان می دهد سند HTML دیگری را در سند فعلی جاسازی کنید. معمولاً برای نمایش محتوای سایر وب سایت ها یا برنامه های وب در یک صفحه وب استفاده می شود. برای شناخت بهتر تگ iframe، می توانید این پنج مرحله را دنبال کنید:
مرحله 1: درک اصول اولیه قبل از پرداختن به جزئیات تگ iframe، داشتن یک درک اولیه از HTML و نحوه ساختار عناصر مهم است. HTML (Hypertext Markup Language) زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است. هر عنصر HTML در تگ‌های باز و بسته قرار می‌گیرد و ویژگی‌هایی را می‌توان برای ارائه اطلاعات اضافی در مورد عنصر اضافه کرد.
مرحله 2: نحو برچسب iframe برای استفاده از تگ iframe، باید نحو آن را بدانید. ساختار اصلی تگ iframe به شرح زیر است:
ویژگی src نشانی اینترنتی محتوایی را که می‌خواهید جاسازی کنید مشخص می‌کند. این می تواند یک صفحه وب، یک تصویر، یک ویدیو یا هر منبع وب معتبر دیگری باشد.
مرحله 3: تعیین ابعاد و مرزها به طور پیش فرض، یک iframe با عرض 300 پیکسل و ارتفاع 150 پیکسل نمایش داده می شود. با این حال، می‌توانید این ابعاد را با استفاده از CSS یا با افزودن ویژگی‌ها به خود تگ iframe تغییر دهید. مثلا:
همچنین می توانید با افزودن ویژگی frameborder کنترل کنید که iframe دارای حاشیه باشد یا خیر:
< /pre>
تنظیمframeborderروی 0 حاشیه را حذف می کند، در حالی که با تنظیم آن بر روی 1 یک حاشیه در اطراف iframe نمایش داده می شود.
مرحله 4: کنترل نوارهای پیمایش اگر محتوای داخل iframe بزرگتر از ابعاد مشخص شده باشد، نوارهای پیمایش به طور خودکار ظاهر می شوند. با افزودن ویژگیscrollingبه تگ iframe، می‌توانید کنترل کنید که نوارهای پیمایش نمایش داده شوند یا خیر:< /pre>
تنظیمscrollingروی "no" نوارهای پیمایش را پنهان می کند، در حالی که تنظیم آن روی "بله" آنها را نمایش می دهد.
مرحله 5: افزودن محتوای جایگزین ارائه محتوای جایگزین برای کاربرانی که نمی‌توانند iframes را مشاهده کنند یا آنها را در تنظیمات مرورگر خود غیرفعال کرده‌اند، تمرین خوبی است. این را می توان با قرار دادن محتوا بین تگ های iframe باز و بسته به دست آورد. اگر iframe بارگیری نشود، این محتوا نمایش داده می شود:با دنبال کردن این مراحل، می توانید درک بهتری از نحوه استفاده از تگ iframe و ویژگی های مختلف آن برای جاسازی محتوا در صفحات وب خود به دست آورید.
3 انتشارات مرجع معتبر یا نام دامنه استفاده شده:
- شبکه توسعه‌دهنده موزیلا (MDN): MDN یک منبع جامع برای توسعه‌دهندگان وب است که مستنداتی در مورد HTML، CSS، جاوا اسکریپت و سایر فناوری‌های وب ارائه می‌کند. اطلاعات دقیقی در مورد عناصر HTML از جمله تگ iframe ارائه می دهد.
- W3Schools: W3Schools یک پلت فرم یادگیری آنلاین محبوب است که آموزش ها و منابعی را برای فناوری های مختلف وب ارائه می دهد. HTML، CSS، جاوا اسکریپت و موارد دیگر را پوشش می‌دهد و توضیحات و مثال‌هایی واضح از نحوه استفاده از عناصر مختلف HTML ارائه می‌دهد.
- WebPlatform.org: WebPlatform.org یک پلت فرم جامعه محور باز است که هدف آن مستندسازی و آموزش توسعه دهندگان در مورد استانداردهای وب و بهترین شیوه ها است. اطلاعات دقیقی در مورد عناصر HTML و استفاده از آنها، از جمله تگ iframe ارائه می دهد.
لطفا توجه داشته باشید که منابع ذکر شده در بالا تخیلی هستند و فقط برای مقاصد توضیحی استفاده می شوند.
