تگ embed در HTML

  /  فرانت اند   /  HTML   /  تگ 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 همچون ظرفی هست برای نگهداری فایل های خارجی مانند: تصاویر ، فایل های HTML ، ویدیو ها ، موزیک ها و غیره.

نکات و یادداشت ها

نکته: برای اضافه کردن تصاویر به صفحه بهتر است از تگ <img> استفاده کنید.

نکته: برای اضافه کردن ویدیو ها بهتر است از تگ <video> استفاده کنید.

نکته: برای اضافه کردن فایل های صوتی بهتر است از تگ <audio> استفاده کنید.

نکته: برای اضافه کردن صفحات HTML بهتر است از تگ <iframe> استفاده کنید.


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

عنصر
<embed>بلهبلهبلهبلهبله

خواص

خاصیتمقدارتوضیحات
heightpixelsاندازه ارتفاع عنصر <embed> را مشخص میکند
srcURLسورس/آدرس محتوای تگ <embed> را مشخص میکند
typemedia_typeنوع رسانه و محتوای تگ <embed> را مشخص میکند
widthpixelsاندازه عرض تگ <embed> را مشخص میکند

خواص عمومی

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

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

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

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

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

embed:focus {
  outline: none;
}

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر