آموزش تگ object در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ object در HTML با من همراه باشید.

آموزش تگ object در HTML

Free-Learn

تگ Object در HTML

تگ object که در لغت به معنای [ شی ٔ ] می باشد، تگی است که با استفاده از آن میتوان یک شی (منظور از شی در اینجا چیزی است که در خارج از یک صفحه وب قرار دارد) را درون یک صفحه وب قرار داد.

خب حالا مثلا چه چیزایی رو میشه با استفاده از این تگ در یک صفحه وب جاسازی کرد!؟ فایل صوتی ، ویدئویی ، فایل های PDF ، فایل های فلش و حتی صفحات وب دیگر را میتوان با استفاده از این تگ درون یک صفحه وب دیگر قرار داد.

Free-Learn

مثال از تگ object در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

مثال شماره ۱ : نمایش فایل PDF در صفحه وب

امتحان کنید

مثال شماره ۲ : نمایش فایل فلش (swf) در صفحه وب

امتحان کنید

مثال شماره ۳ : نمایش یک صفحه HTML درون یک صفحه وب دیگر

امتحان کنید

مثال شماره ۴ : نمایش یک فایل تصویر (عکس) درون صفحه وب

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ object در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ object در HTML

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

(علامتیعنی در HTML5 پشتیبانی نمی شود.)

(علامت یعنی در HTML5 اضافه شده است)

نام صفت مقدار توضیح
align top
bottom
middle
left
right
تراز محتوای تگ <object> را مشخص میکند. ()
archive URL برای مشخص کردن یک لیست آدرس از آرشیو/منبع های تگ <object> . ()
border pixels برای مشخص کردن اندازه خط دور لبه ی تگ <object> . ()
classid class_ID برای تعریف/قرار دادن یک کلاس آی دی در رجیستری ویندوز. ()
codebase URL مشخص میکند که کجا باید به دنبال کد برای تگ <object> بگردد. ()
codetype media_type نوع رسانه را برای کدی که توسط صفت ClassID مشخص شده است را مشخص میکند. ()
data URL یک آدرس/مسیر از محتوایی که قرار است درون تگ <object> نمایش داده شود.
declare declare مشخص میکند که تگ <object> فقط برای معرفی می باشد و نیازی به نصب یا ایجاد آن نیست. ()
form form_id مشخص میکند که تگ <object> متعلق به ۱ یا چند فرم می باشد. ()
height pixels اندازه ارتفاع تگ <object> را مشخص میکند.
hspace pixels میزان فضای خالی (سفید) را از سمت راست و چپ تگ <object> مشخص میکند. ()
name name یک نام را برای تگ <object> مشخص میکند.
standby text یک متن را به دلخواه برای زمانی که شی در حال بارگذاری می باشد را مشخص میکند. ()
type media_type نوع رسانه را برای محتوای صفت data مشخص میکند.
usemap mapname# نام یک نقشه تصویری را مشخص میکند.(برای ایجاد نقشه تصویری)
vspace pixels میزان فضای خالی (سفید) را از سمت بالا و پایین تگ <object> مشخص میکند. ()
width pixels اندازه عرض تگ <object> را مشخص میکند.

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ object از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

تگ object باید درون تگ <body> قرار بگیرد و هر متنی که در بین این تگ قرار بگیرد، اگر مرورگر کاربر از تگ <object> پشتیبانی نکند آن متن به نمایش در خواهد آمد. (مثله کد زیر)

 

پیشنهاد میشه که برای نمایش عکس/تصویر در یک صفحه وب از نظر استاندارد و بهینه بودن از تگ img استفاده نمایید.

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ object را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn