تگ embed در HTML

نوشته شده توسط: متین برونسی

تاریخ انتشار: 31 اردیبهشت 1400

تاریخ بروزرسانی: 11 خرداد 1400

تعداد بازدید: 95

Frontend 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>`	بله	بله	بله	بله	بله

خواص

خاصیت	مقدار	توضیحات
height	pixels	اندازه ارتفاع عنصر `<embed>` را مشخص میکند
src	URL	سورس/آدرس محتوای تگ `<embed>` را مشخص میکند
type	media_type	نوع رسانه و محتوای تگ `<embed>` را مشخص میکند
width	pixels	اندازه عرض تگ `<embed>` را مشخص میکند

خواص عمومی

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

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

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

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

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

embed:focus {
  outline: none;
}