تگ object در HTML

با تگ object در HTML در این مقاله آشنا می شویم.

نکات اصلی تگ object

• به طور مشابه تگ <video> و <audio> ، تگ object امکان جاسازی فایل های چندرسانه ای را در صفحه وب فراهم می کند.
• می توانید از آن برای جاسازی پرونده های چندرسانه ای مانند برنامه های صوتی ، تصویری ، فلش ، PDF ، ActiveX و Java استفاده کنید.
• همچنین می توانید صفحه وب دیگری را در یک سند HTML جاسازی کنید.
• تگ object از تمام ویژگی های جهانی پشتیبانی می کند.

استفاده از تگ object در HTML

تگ های object در HTML یک منبع خارجی را تعریف می کنند که در یک سند HTML جاسازی شده است:

<object data="flashFile.swf" width="300" height="200"></object>

object می تواند یک تصویر ، یک منبع برای یک پلاگین یا یک زمینه تو در تو باشد که کاربر می تواند آن را مرور کند. به عنوان مثال ، می توانید PDF را در HTML تعبیه کنید تا یک الگوی سند نمایش داده شود.

توجه: هر متنی بین تگ های object ، متن جایگزین در نظر گرفته می شود که وقتی مرورگر از منبع مشخص شده پشتیبانی نمی کند ، ظاهر می شود.

ویژگی های تگ object

data آدرس URL منبعی را که باید جاسازی شود تعریف می کند:

<object width="300" height="200" data="https://cdn.bitdegree.org/learn/giphy%20(1).gif?raw=true" type="image/gif">Image not found.</object>

type نوع محتوای منبع را تعریف می کند:

<object data="movie.swf" width="500" height="350" type="image/gif"></object>

typemustmatch نشان می دهد که منبع باید فقط در صورتی تعبیه شود که مقدار صفت type با نوع منبع ارائه شده در صفت data مطابقت داشته باشد:

<object data="flashFile.swf" type="image/gif" width="550" height="450" typemustmatch></object>

name یک نام برای عنصر object در HTML تعریف می کند:

<object data="movie.swf" width="300" height="200" name="flashmovie">Alternate text.</object>

usemap نام نقشه تصویری را تعریف می کند که با آن مورد استفاده می شود:

<img src="creatures.gif" width="220" height="220" alt="Creatures" usemap="#creaturemap">

<map name="creaturemap">
  <area shape="rect" coords="34,44,270,350" alt="Doggo" href="https://www.bitdegree.org/">
  <area shape="rect" coords="290,172,333,250" alt="Gaming" href="https://www.bitdegree.org/tag/game-dev">
  <area shape="circle" coords="337,300,44" alt="Level up" href="https://www.bitdegree.org/tag/personal">
</map>

form نام فرمی را نشان می دهد که عنصر object به آن تعلق دارد:

<form action="process.php" id="form1">
  Email: <input type="text" name="email"><br>
  <input type="submit" value="Submit">
</form>

<object width="300" height="200" data="https://cdn.bitdegree.org/learn/giphy%20(1).gif?raw=true" type="image/gif">Image not found.</object>

height و width ابعاد جسم تعبیه شده را تعریف می کند:

<object width="300" height="200" data="https://cdn.bitdegree.org/learn/giphy%20(1).gif?raw=true" type="image/gif">Image not found.</object>

ویژگی های منسوخ شده

vspace و hspace دو صفتی هستند که در HTML5 منسوخ شده اند. آن ها فضای سفید را که باید در بالا و پایین (vspace) و در سمت چپ و راست (hspace) جسم ارائه شود تعریف کردند:

<object data="flashFile.swf" width="550" height="450" hspace="50" vspace="50"></object>

نکته: به جای vspace و hspace ، از ویژگی CSS استفاده کنید.

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

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.