مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل با تگ noscript و ویژگی های آن آشنا شدیم؛ این تگ هنگام غیر فعال سازی script های یک مرورگر یا مرورگرهایی که از script پشتیبانی نمی کنند؛ متن جایگزینی برای آن تعریف می نماید.
در این جلسه قصد داریم به آموزش کار با تگ object در HTML بپردازیم.
آموزش کار با تگ object در HTML
به مثال زیر توجه نمایید.
در این مثال نحوه استفاده از عنصر <object> برای جاسازی فایل Flash را مشاهده می نمایید.
مثال :
| <object width="400" height="400" data="helloworld.swf"></object> |
تعریف و کاربرد
تگ object تگی است که به کمک آن می توان چیزی ( چیزهایی مانند مانند صدا ، فیلم ، اپلت های جاوا ، ActiveX ، PDF و Flash ) را درون یک سند HTML تعریف کرد.
علاوه بر این می توان از تگ object برای جاسازی صفحه وب دیگر در سند HTML استفاده کرد.
برای انتقال پارامترها به پلاگین هایی که با تگ object تعبیه شده اند، می توانید از تگ param استفاده کنید.
پشتیبانی مرورگر ها
| عنصر |  |  |  |  |  |
| <object> | بله | بله | بله | بله | بله |
نکات و توصیه ها
نکته
یک عنصر <object> باید درون عنصر <body> ظاهر شود. متن بین <object> و </object> یک متن جایگزین برای مرورگرهایی که از این برچسب پشتیبانی نمی کنند؛ است.
توصیه
برای تصاویر به جای تگ <object> از برچسب <img> استفاده کنید.
تفاوت بین HTML 4.01 و HTML5
برخی از خصیصه های HTML 4.01 در HTML5 پشتیبانی نمی شوند.
خصیصه form در HTML5 خصیصه جدیدی محسوب می شود.
در HTML5 ، موارد مختلفی را می توان در فرم استفاده کرد و ارسال نمود.
در HTML5 ، موارد مختلف چون صدا، تصویر، ویدیو و غیره نمی توانند در عنصر <head> یک سند ظاهر شوند.
در ادامه آموزش کار با تگ object در HTML به بررسی خصیصه های مرتبط با تگ object می پردازیم.
خصیصه ها
| خصیصه | مقدار | توضیحات |
|---|
align | top
bottom
middle
left
right | این خصیصه تراز تگ<object> را با توجه به عناصر اطراف مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
archive | URL | از این تگ برای مشخص کردن یک لیست آدرس از بایگانی های تگ <object> استفاده می شود.
این خصیصه در HTML5 پشتیبانی نمی شود. |
border | pixels | این خصیصه برای مشخص کردن اندازه خط دور لبه ی تگ <object> استفاده می شود.
این خصیصه در HTML5 پشتیبانی نمی شود. |
classid | class_ID | از این خصیصه برای تعریف یک کلاس آی دی در رجیستری ویندوز استفاده می گردد.
این خصیصه در HTML5 پشتیبانی نمی شود. |
codebase | URL | این خصیصه مشخص میکند که کجا باید کد تگ <object> را پیدا نمایید.
این خصیصه در HTML5 پشتیبانی نمی شود. |
codetype | media_type | این خصیصه نوع رسانه را برای کدی که از طریق خصیصه ClassID مشخص شده است را مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
data | URL | این خصیصه یک آدرس از محتوای درون تگ <object> را مشخص می نماید. |
declare | declare | این خصیصه تعیین می نماید که تگ <object> فقط برای معرفی است و نیازی به نصب یا ایجاد آن وجود ندارد.
این خصیصه در HTML5 پشتیبانی نمی شود. |
form | form_id | مشخص میکند که تگ <object> متعلق به یک یا چند یا فرم است. |
height | pixels | اندازه ارتفاع تگ <object> را تعیین می نماید. |
hspace | pixels | این خصیصه فضای سفید را در سمت چپ و راست یک جسم مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
name | name | این خصیصه یک نام را برای تگ <object> مشخص می نماید. |
standby | text | این خصیصه یک متن دلخواه را هنگامی که object در حال بارگذاری است؛ مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
type | media_type | نوع رسانه را برای محتوای خصیصه data مشخص می نماید. |
usemap | mapname# | این خصیصه نام یک نقشه تصویری را مشخص می نماید. |
vspace | pixels | این خصیصه فضای سفید را در بالا و پایین یک object مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
width | pixels | اندازه عرض تگ <object> را تعیین می نماید. |
خصیصه های سراسری Global Attributes
تگ <object> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <object> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <object> را با مقادیر پیش فرض زیر نمایش می دهند:
مثال :
| object:focus { outline: none; } |
کلام آخر
در این جلسه با آموزش کار با تگ object در HTML همراه شما بودیم؛ به کمک این تگ می توان چیزی ( چیزهایی مانند مانند صدا ، فیلم ، اپلت های جاوا ، ActiveX ، PDF و Flash ) را درون یک سند HTML تعریف کرد.
در جلسه آینده به کار با تگ ol می پردازیم.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
