در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<embed> آشنا ميشويم. اين تگ براي جاسازي محتواي خارجي مانند فايلهاي PDF، ويدئو، صدا و
فلش در صفحات وب استفاده ميشود.
تگ embed در HTML چيست؟
تگ <embed> يک عنصر خالي (self-closing) است که اجازه ميدهد محتواي خارجي در داخل صفحه وب
نمايش داده شود.
اين تگ معمولاً براي نمايش رسانهها يا اسناد خارجي به کار ميرود و مرورگرها محتواي آن را مطابق با نوع مشخص
شده نمايش ميدهند.
مثال ساده از تگ embed
<embed src="video.mp4" width="640" height="360" type="video/mp4">
در اين مثال يک ويدئوي MP4 در صفحه نمايش داده ميشود و عرض و ارتفاع آن با ويژگيهاي width و
height مشخص شده است.
ويژگيهاي مهم تگ embed
| ويژگي | توضيح |
|---|---|
| src | آدرس فايل يا محتواي خارجي |
| type | نوع MIME محتواي جاسازي شده (مثلاً video/mp4 يا application/pdf) |
| width | عرض عنصر |
| height | ارتفاع عنصر |
مثال استفاده براي PDF
<embed src="document.pdf" type="application/pdf" width="600" height="500">اين مثال فايل PDF را در صفحه وب نمايش ميدهد و کاربران ميتوانند مستقيماً آن را مشاهده کنند.
نکات مهم درباره embed
- اين تگ خالي است و نيازي به تگ بسته ندارد.
- براي پخش ويدئو و صدا، بهتر است از تگهاي مخصوص مانند
<video>و<audio>استفاده شود تا کنترلهاي پخش در دسترس باشند. - پشتيباني مرورگرها براي برخي نوعهاي محتوا متفاوت است و بايد تست شود.
استايلدهي با CSS
<style>
embed {
border: 2px solid #2196f3;
border-radius: 8px;
display: block;
margin: 10px 0;
}
</style>براي يادگيري کامل نحوه جاسازي محتواي خارجي در HTML، پيشنهاد ميکنيم در دوره آموزش HTML مقدماتي تا پيشرفته آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ em در HTML
آموزش بعدي: تگ fieldset در HTML
دیدگاه و پرسش