تگ embed در HTML

با استفاده از تگ embed در HTML می توان فایل های خارجی را در صفحه قرار داد.

مثال

اضافه کردن یک تصویر:

<embed type="image/jpg" src="pic_trulli.jpg" width="300" height="200">

تست آنلاین کد

مثال

اضافه کردن یک صفحه وب:

<embed type="text/html" src="https://www.bubbleslearn.ir/" width="100%" height="500px">

تست آنلاین کد

مثال

اضافه کردن یک ویدیو:

<embed type="video/webm" src="https://www.bubbleslearn.ir/wp-content/uploads/2020/03/Matin-Boronsi-Bubbles.mp4" width="100%" height="400">

تست آنلاین کد

تعریف و کاربرد

تگ embed در HTML برای جاسازی محتوای خارجی یا وسایل چندرسانه‌ای (مانند ویدئو، صدا، یا فایل‌های فلش) در صفحات وب استفاده می‌شود. این تگ به وسیله اطلاعات ویژگی‌های میتا (metadata) و یک URL به این منابع خارجی اشاره می‌کند و می‌تواند به صورت تعبیه شده (embedded) در صفحه وب نمایش داده شود.

تگ <embed> به تنهایی نهایتاً یک لینک یا URL به منبع خارجی را تعیین می‌کند، اما می‌توانید از ویژگی‌های دیگری نیز برای کنترل نمایش منبع خارجی استفاده کنید. به عنوان مثال، شما می‌توانید عرض و ارتفاع منابع چندرسانه‌ای را تنظیم کنید.

تگ های مناسب برای اضافه کردن منابع خارجی:

• برای اضافه کردن تصاویر به صفحه بهتر است از تگ <img> استفاده کنید.
• برای اضافه کردن ویدیو ها بهتر است از تگ <video> استفاده کنید.
• برای اضافه کردن فایل های صوتی بهتر است از تگ <audio> استفاده کنید.
• برای اضافه کردن صفحات HTML بهتر است از تگ <iframe> استفاده کنید.

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

خواص (attributes)

خواص عمومی

تگ embed از خواص عمومی در HTML پشتیبانی می کند.

رویداد های عمومی

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

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر embed در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

embed:focus {
  outline: none;
}