آموزش و يادگيري تگ object در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <object> آشنا مي‌شويم. اين تگ براي درج محتواهاي خارجي مانند تصاوير، ويديو، فايل‌هاي PDF و اپلت‌ها در صفحه وب استفاده مي‌شود.

تگ object در HTML چيست؟

تگ <object> يک کانتينر براي بارگذاري محتواي خارجي يا تعاملي در HTML است. اين تگ مي‌تواند فايل‌هاي چندرسانه‌اي، اپلت‌هاي جاوا يا فايل‌هاي ديگر را در مرورگر نمايش دهد.

مثال ساده از تگ object

<object data="example.pdf" type="application/pdf" width="600" height="400">
  <p>مرورگر شما از فايل PDF پشتيباني نمي‌کند. <a href="example.pdf">دانلود فايل</a></p>
</object>

در اين مثال، فايل PDF داخل صفحه نمايش داده مي‌شود و اگر مرورگر پشتيباني نکند، لينک دانلود جايگزين نمايش داده مي‌شود.

ويژگي‌هاي مهم تگ object

ويژگي	توضيح
data	آدرس فايل يا محتواي خارجي
type	نوع MIME فايل (مثلاً application/pdf)
width	عرض کانتينر
height	ارتفاع کانتينر

مثال با fallback

<object data="video.mp4" type="video/mp4" width="640" height="360">
  <p>مرورگر شما از نمايش ويديو پشتيباني نمي‌کند. <a href="video.mp4">دانلود ويديو</a></p>
</object>

اين مثال نشان مي‌دهد که اگر مرورگر قادر به نمايش محتواي object نباشد، متن يا لينک جايگزين نمايش داده مي‌شود.