HTML Attributes Reference
- مرجع سمات HTML
سمات HTML هي كلمات مفتاحية تُستخدم داخل علامات البداية لـ عناصر HTML لتحديد خصائص إضافية للعنصر. تُستخدم هذه السمات لتعديل سلوك العنصر، أو تخصيص مظهره، أو ربطه بموارد أخرى. فهم سمات HTML أمر بالغ الأهمية لأي شخص يرغب في إنشاء صفحات ويب فعالة وذات مغزى.
ما هي سمات HTML؟
تتكون سمات HTML من زوج من الاسم والقيمة:
- الاسم: يحدد السمة التي يتم تطبيقها على العنصر.
- القيمة: تحدد قيمة السمة. يمكن أن تكون القيمة نصًا، أو رقمًا، أو قيمة منطقية (صحيح/خطأ)، أو قائمة، إلخ.
تُكتب السمات داخل علامة البداية للعنصر، بعد اسم العنصر، وتفصل بينهما مسافة.
مثال:
```html <img src="image.jpg" alt="وصف الصورة" width="500" height="300"> ```
في هذا المثال:
- src هي السمة التي تحدد مصدر الصورة.
- image.jpg هي قيمة السمة src.
- alt هي السمة التي توفر نصًا بديلًا للصورة.
- وصف الصورة هي قيمة السمة alt.
- width هي السمة التي تحدد عرض الصورة.
- 500 هي قيمة السمة width.
- height هي السمة التي تحدد ارتفاع الصورة.
- 300 هي قيمة السمة height.
أنواع سمات HTML
يمكن تصنيف سمات HTML إلى عدة أنواع:
- السمات العامة: يمكن استخدام هذه السمات مع أي عنصر HTML. تشمل id (معرف فريد للعنصر)، class (لتطبيق أنماط CSS)، style (لتطبيق أنماط CSS مضمنة)، title (نص يظهر عند تمرير الماوس فوق العنصر)، و lang (تحديد لغة العنصر).
- السمات الخاصة بالعناصر: تكون خاصة بعناصر معينة. على سبيل المثال، السمة src خاصة بعنصر [[[img]]]، والسمة href خاصة بعنصر [[[a]]].
بعض سمات HTML المهمة
| السمة | الوصف | مثال | |---|---|---|
| id | تحدد معرفًا فريدًا للعنصر. |
| | class | تحدد فئة أو أكثر للعنصر، لتطبيق أنماط CSS. |
...
| | style | تطبق أنماط CSS مضمنة على العنصر. |
...
|
| title | توفر نصًا يظهر عند تمرير الماوس فوق العنصر. | <a href="#" title="انقر هنا">...</a> | | src | تحدد مصدر الصورة أو الفيديو أو الصوت. | <img src="logo.png" alt="شعار الشركة"> | | href | تحدد عنوان URL للرابط. | <a href="https://www.example.com">...</a> | | alt | توفر نصًا بديلًا للصورة. | <img src="image.jpg" alt="صورة للمنتج"> | | width | تحدد عرض العنصر. | <img width="200"> | | height | تحدد ارتفاع العنصر. | <img height="100"> |
| colspan | تحدد عدد الأعمدة التي يجب أن يمتد عليها خلية في جدول. | ... | | rowspan | تحدد عدد الصفوف التي يجب أن تمتد عليها خلية في جدول. | ... |
| disabled | تعطل العنصر، مما يجعله غير تفاعلي. | <button disabled>إرسال</button> | | readonly | تجعل حقل الإدخال للقراءة فقط. | <input type="text" value="غير قابل للتعديل" readonly> | | checked | تحدد ما إذا كان عنصر الإدخال (مثل مربع الاختيار أو زر الراديو) محددًا افتراضيًا. | <input type="checkbox" checked> | | value | تحدد قيمة عنصر الإدخال. | <input type="text" value="اسم المستخدم"> |
سمات HTML والوصولية
تعد سمات HTML مثل alt (للصور) و aria-label (لتوفير تسميات للعناصر التفاعلية) ضرورية لضمان إمكانية الوصول إلى صفحات الويب للأشخاص ذوي الإعاقة. استخدام هذه السمات يساعد برامج قراءة الشاشة وغيرها من التقنيات المساعدة على فهم محتوى الصفحة وتقديمه للمستخدمين بطريقة مناسبة.
سمات HTML والتحقق من الصحة
تساعد سمات HTML مثل required و pattern في التحقق من صحة بيانات النموذج قبل إرسالها إلى الخادم. تضمن هذه السمات إدخال المستخدمين للبيانات الصحيحة بالتنسيق المطلوب، مما يحسن من جودة البيانات ويقلل من الأخطاء.
سمات HTML وتحديد الترميز
تستخدم سمات مثل charset في علامة <meta> لتحديد ترميز الأحرف المستخدم في الصفحة، مما يضمن عرض النصوص بشكل صحيح.
أمثلة إضافية
- استخدام السمة target في عنصر [[[a]]] لتحديد كيفية فتح الرابط (في نفس النافذة أو في نافذة جديدة).
- استخدام السمة download في عنصر [[[a]]] لإجبار المتصفح على تنزيل الملف بدلاً من فتحه.
- استخدام السمة autoplay في عنصر [[[video]]] أو [[[audio]]] لتشغيل الوسائط تلقائيًا.
استراتيجيات تداول الخيارات الثنائية ذات الصلة (للمعلومات العامة فقط)
- استراتيجية المضاعفة: مضاعفة حجم التداول بعد كل خسارة.
- استراتيجية مارتينجال: مشابهة للمضاعفة، ولكن مع تعديلات.
- استراتيجية المتوسط المتحرك: استخدام المتوسطات المتحركة لتحديد اتجاهات السوق.
- استراتيجية اختراق النطاق: التداول بناءً على اختراق مستويات الدعم والمقاومة.
- استراتيجية البولينجر باند: استخدام نطاقات بولينجر لتحديد التقلبات.
- استراتيجية RSI: استخدام مؤشر القوة النسبية لتحديد مناطق ذروة الشراء والبيع.
- استراتيجية MACD: استخدام مؤشر المتقاربة المتباعدة المتوسطة لتحديد اتجاهات السوق.
- استراتيجية Fibonacci Retracements: استخدام مستويات فيبوناتشي لتحديد نقاط الدخول والخروج المحتملة.
- استراتيجية Ichimoku Cloud: استخدام سحابة إيشيموكو لتحديد اتجاهات السوق ومستويات الدعم والمقاومة.
- استراتيجية Price Action: تحليل حركة السعر لتحديد فرص التداول.
- استراتيجية Head and Shoulders: تحديد نمط الرأس والكتفين للتنبؤ بانعكاس الاتجاه.
- استراتيجية Double Top/Bottom: تحديد نمط القمة المزدوجة أو القاع المزدوج للتنبؤ بانعكاس الاتجاه.
- استراتيجية Three White Soldiers/Black Crows: تحديد أنماط الشموع اليابانية لتحديد اتجاهات السوق.
- استراتيجية Morning Star/Evening Star: تحديد أنماط الشموع اليابانية للتنبؤ بانعكاس الاتجاه.
- استراتيجية Pin Bar: تحديد نمط شمعة الدبوس للتنبؤ بانعكاس الاتجاه.
التحليل الفني وحجم التداول
- التحليل الفني: دراسة الرسوم البيانية وأنماط الأسعار لتوقع حركة الأسعار المستقبلية.
- حجم التداول: قياس عدد الأسهم أو العقود المتداولة خلال فترة زمنية معينة.
- مؤشرات التحليل الفني: أدوات رياضية تستخدم لتحليل البيانات التاريخية وتوقع حركة الأسعار المستقبلية.
- أنماط الشموع اليابانية: تمثيلات رسومية لحركة الأسعار خلال فترة زمنية معينة.
- مستويات الدعم والمقاومة: مستويات الأسعار التي يميل السعر إلى الارتداد منها.
الموارد الإضافية
- [[[W3Schools HTML Attributes]]](https://www.w3schools.com/html/html_attributes.asp)
- [[[MDN Web Docs HTML Attributes]]](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes)
ابدأ التداول الآن
سجل في IQ Option (الحد الأدنى للإيداع $10) افتح حساباً في Pocket Option (الحد الأدنى للإيداع $5)
انضم إلى مجتمعنا
اشترك في قناة Telegram الخاصة بنا @strategybin للحصول على: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات باتجاهات السوق ✓ مواد تعليمية للمبتدئين
