Programming Basics SQL HTML CSS JavaScript Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Learn Typing

HTMLالوسم <param>

  • تعريفه
  • دعم المتصفحات
  • خصائصه
  • إستخدامه
  • تصميمه الإفتراضي

تعريفه

بشكل عام, نستخدم الوسم <object> لعرض محتوى خارجي (صورة, فيديو, تطبيق, إضافة إلخ..) في الصفحة.
الوسم <param> نستخدمه بداخل الوسم <object> بهدف تحديد كيف سيتم التعامل مع محتواه.

دعم المتصفحات

الجدول التالي يظهر المتصفحات التي تدعم الوسم <param>.

Chrome Edge Firefox Opera Safari Android
Webview
Chrome
for Android
Firefox
for Android
Opera
for Android
Safari
for IOS
Samsung
Internet
1 12 1 مدعوم مدعوم مدعوم مدعوم 4 مدعوم مدعوم مدعوم

خصائصه

نود الإشارة إلى أننا سنذكر الخصائص المهمة و المستخدمة فعلياً و نتجاهل أي خصائص لا يوصى باستخدامها.


الخاصية name

نضيفها للوسم لتحديد إسم الخاصية التي سيتم إعطائها القيمة.

الجدول التالي يظهر المتصفحات التي تدعم هذه الخاصية.

Chrome Edge Firefox Opera Safari Android
Webview
Chrome
for Android
Firefox
for Android
Opera
for Android
Safari
for IOS
Samsung
Internet
1 12 1 مدعوم مدعوم مدعوم مدعوم 4 مدعوم مدعوم مدعوم


الخاصية value

نضيفها للوسم لوضع قيمة للخاصية التي تم تحديد إسمها بواسطة الخاصية name.

الجدول التالي يظهر المتصفحات التي تدعم هذه الخاصية.

Chrome Edge Firefox Opera Safari Android
Webview
Chrome
for Android
Firefox
for Android
Opera
for Android
Safari
for IOS
Samsung
Internet
1 12 1 مدعوم مدعوم مدعوم مدعوم 4 مدعوم مدعوم مدعوم

إستخدامه

في المثال التالي قمنا بإضافة ملف صوتي في الصفحة بواسطة الوسم <object>.
و بواسطة الوسم <param> قمنا بإظهار أزرار التحكم به و تفعيل التشغيل التلقائي فيه.

مثال

<object type="audio/mpeg" data="like-ras.mp3">
<param name="controls" value="true">
<param name="autoplay" value="true">
</object>
<object type="audio/mpeg" data="like-ras.mp3"> <param name="controls" value="true"> <param name="autoplay" value="true"> </object>

جرب الكود

تصميمه الإفتراضي

بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.

param {
display: none;
}
param { display: none; }