آموزش تگ object در HTML

آموزش تگ object در HTML

تگ <object> در HTML برای جلوگیری از ارسال و نمایش محتوای قابل اجرا (مانند فیلم‌ها یا برنامه‌های فلش) به طور مستقیم در مرورگر استفاده می‌شود و به جای آن، اجازه می‌دهد تا محتوا از یک فایل خارجی مثل تصاویر، صداها، و یا اشیاء چندرسانه‌ای دیگر به صورت داخلی درصفحه‌ی وب نمایش داده شود. در این مقاله، به طور جامع به توضیحات، حالت‌ها، و ویژگی‌های تگ <object> می‌پردازیم.

ساختار تگ object

تگ <object> دارای ساختار زیر است:

<object data="مسیر_فایل" type="نوع_فایل">
  <!-- محتوای جایگزین در صورت عدم نمایش محتوا -->
</object>

حالت‌های تگ object

تگ <object> دارای حالت‌های زیر است:

  1. نمایش موفق: محتوای مربوط به فایل مورد نظر با موفقیت نمایش داده می‌شود.
  2. نمایش جایگزین: محتوای جایگزین داخل تگ <object> به جای فایل اصلی نمایش داده می‌شود.

ویژگی‌های تگ object

تگ <object> از ویژگی‌های زیر پشتیبانی می‌کند:

  1. data: این ویژگی به تعیین مسیر فایل مورد نظر کمک می‌کند.
  2. type: این ویژگی به تعیین نوع فایل کمک می‌کند.
  3. width: این ویژگی به تعیین عرض محتوا داخل تگ <object> کمک می‌کند.
  4. height: این ویژگی به تعیین ارتفاع محتوا داخل تگ <object> کمک می‌کند.
  5. name: این ویژگی به تعیین نام مرجع برای تگ <object> کمک می‌کند.

مثال

<object data="movie.mp4" type="video/mp4" width="400" height="300">
  <p>مرورگر شما از ویدیو پخش نمی‌کند. <a href="movie.mp4">دانلود ویدیو</a> را از اینجا.</p>
</object>

نکات مهم

  1. استفاده از تگ <object> برای جلوگیری از وابستگی به پشتیبانی مرورگرها به فایل‌های خارجی بسیار مفید است.
  2. همچنین، محتوای جایگزین داخل تگ <object> باید برای مرورگرهایی که فایل مورد نظر را پشتیبانی نمی‌کنند نمایش داده شود.

نتیجه‌گیری

تگ <object> در HTML به توسعه دهندگان امکان می‌دهد تا محتوای مرتبط با فایل‌های خارجی مثل تصاویر، صداها، و اشیاء چندرسانه‌ای دیگر را در صفحات وب نمایش دهند. با استفاده از این تگ، می‌توانید وابستگی به پشتیبانی مرورگرها به فایل‌های خارجی را کاهش دهید و محتوای مرتبط را به صورت داخلی درصفحه‌ی وب نمایش دهید. استفاده درست از تگ <object> می‌تواند بهبود قابلیت دسترسی و تجربه کاربری را فراهم کند و به کاربران کمک کند تا بهترین محتوای شما را مشاهده کنند.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
Python - محدود کردن داده (MongoDB Limit)

Python – محدود کردن داده (MongoDB Limit)

Python MongoDB محدود کردن نتایج برای محدود کردن نتایج در MongoDB، از متد limit() استفاده می‌کنیم. متد limit() یک...

بیشتر بخوانید
Python - بروزرسانی (MongoDB Update)

Python – بروزرسانی (MongoDB Update)

به‌روزرسانی یک رکورد برای به‌روزرسانی یک رکورد یا سند در MongoDB، از متد update_one() استفاده می‌کنیم. پارامتر اول متد...

بیشتر بخوانید
Python - حذف کالکشن (MongoDB Drop Collection)

Python – حذف کالکشن (MongoDB Drop Collection)

حذف کالکشن شما می‌توانید یک جدول یا کالکشن در MongoDB را با استفاده از متد drop() حذف کنید. مثالحذف...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.