HTML Attributes Reference

1. 1. HTML Attributes مرجع شامل للمبتدئين

مقدمة

تعتبر سمات HTML (HTML Attributes) جزءًا أساسيًا من لغة ترميز النص التشعبي (HTML) وتلعب دورًا حيويًا في تحديد سلوك وعرض عناصر HTML المختلفة. هذه السمات توفر معلومات إضافية حول العناصر، مثل المصادر والصيغ والأحجام والارتباطات وغيرها. فهم سمات HTML ضروري لأي شخص يرغب في إنشاء صفحات ويب فعالة وسهلة الاستخدام. هذا المقال يقدم مرجعًا شاملاً للمبتدئين حول سمات HTML الأكثر استخدامًا.

ما هي سمات HTML؟

سمات HTML هي أزواج من القيم الاسم-القيمة التي تضاف إلى علامات البداية لعناصر HTML. تأتي السمة دائمًا بعد اسم العنصر وتتكون من اسم السمة متبوعًا بعلامة المساواة (=) ثم القيمة المحصورة بعلامات اقتباس مفردة (') أو مزدوجة (").

مثال: <img src="image.jpg" alt="وصف الصورة">

في هذا المثال، "src" و "alt" هما سمتان للعنصر <img>. "src" تحدد مصدر الصورة، بينما "alt" توفر وصفًا نصيًا للصورة.

السمات الشائعة لعناصر HTML

فيما يلي بعض السمات الأكثر شيوعًا التي تُستخدم مع عناصر HTML المختلفة:

• السمات العامة:* هذه السمات يمكن استخدامها مع معظم عناصر HTML.

السمة	الوصف	مثال	class	تحدد اسم الفئة للعنصر، مما يسمح بتطبيق أنماط CSS محددة.	هذا نص.	id	تحدد معرفًا فريدًا للعنصر، مما يسمح بالوصول إليه من خلال JavaScript أو CSS.	عنوان رئيسي	style	تحدد أنماط CSS مباشرة للعنصر. (يفضل استخدام CSS خارجي)	<button style="color:blue;">زر</button>	title	توفر نصًا تلميحيًا يظهر عند تمرير الماوس فوق العنصر.	<a href="#" title="انقر هنا">رابط</a>	lang	تحدد لغة العنصر، مما يساعد برامج قراءة الشاشة على فهم المحتوى بشكل صحيح.	هذا نص عربي.

• سمات خاصة بالعناصر:* هذه السمات خاصة بعناصر HTML معينة.

• عنصر <a> (الرابط):

السمة	الوصف	مثال	href	تحدد عنوان URL للرابط.	<a href="https://www.example.com">زيارة موقع المثال</a>	target	تحدد المكان الذي يجب فتح الرابط فيه (مثل _blank لفتح في نافذة جديدة).	<a href="https://www.example.com" target="_blank">زيارة موقع المثال</a>	rel	تحدد العلاقة بين المستند الحالي والمستند المرتبط.	<a href="style.css" rel="stylesheet">ورقة الأنماط</a>

• عنصر <img> (الصورة):

السمة	الوصف	مثال	src	تحدد مسار ملف الصورة.	<img src="image.jpg" alt="صورة">	alt	توفر وصفًا نصيًا للصورة.	<img src="image.jpg" alt="صورة">	width	تحدد عرض الصورة بالبكسل.	<img src="image.jpg" width="500">	height	تحدد ارتفاع الصورة بالبكسل.	<img src="image.jpg" height="300">

• عنصر <input> (حقل الإدخال):

السمة	الوصف	مثال	type	تحدد نوع حقل الإدخال (مثل text, password, email).	<input type="text" name="username">	name	تحدد اسم حقل الإدخال، المستخدم لإرسال البيانات إلى الخادم.	<input type="email" name="email">	value	تحدد القيمة الافتراضية لحقل الإدخال.	<input type="text" value="القيمة الافتراضية">	required	تحدد ما إذا كان حقل الإدخال مطلوبًا.	<input type="text" required>

أهمية سمات HTML

• **إمكانية الوصول (Accessibility):** سمات مثل "alt" في عنصر <img> تساعد في جعل المحتوى متاحًا للأشخاص ذوي الإعاقة، خاصة أولئك الذين يستخدمون برامج قراءة الشاشة.
• **تحسين محركات البحث (SEO):** سمات مثل "alt" و "title" تساعد محركات البحث على فهم محتوى صفحة الويب، مما يحسن ترتيبها في نتائج البحث.
• **التخصيص (Customization):** سمات مثل "class" و "id" تسمح بتطبيق أنماط CSS و JavaScript لتخصيص مظهر وسلوك عناصر HTML.
• **التفاعل (Interactivity):** سمات مثل "href" في عنصر <a> و "action" في عنصر <form> تسمح بإنشاء صفحات ويب تفاعلية.

التحقق من صحة HTML

من المهم التأكد من أن سمات HTML المستخدمة صحيحة وصالحة. يمكن استخدام أدوات التحقق من صحة HTML، مثل W3C Markup Validation Service، للتحقق من وجود أخطاء في التعليمات البرمجية.

المصادر الإضافية

• HTML Tutorial
• CSS Tutorial
• JavaScript Tutorial
• HTML Element Reference
• HTML Attribute Reference

استراتيجيات التحليل الفني ذات الصلة:

• Moving Averages
• Relative Strength Index (RSI)
• MACD
• Bollinger Bands
• Fibonacci Retracement
• Candlestick Patterns
• Support and Resistance Levels
• Trend Lines
• Chart Patterns
• Volume Analysis

استراتيجيات إدارة المخاطر:

• Risk Reward Ratio
• Position Sizing
• Stop Loss Orders
• Take Profit Orders
• Diversification

تحليل حجم التداول:

• On Balance Volume (OBV)
• Volume Weighted Average Price (VWAP)
• Accumulation/Distribution Line
• Money Flow Index (MFI)
• Chaikin Oscillator

خاتمة

سمات HTML هي أدوات قوية تسمح للمطورين بالتحكم في مظهر وسلوك عناصر HTML. من خلال فهم هذه السمات واستخدامها بشكل صحيح، يمكن إنشاء صفحات ويب فعالة وسهلة الاستخدام. مع الاستمرار في التعلم والتجربة، يمكنك إتقان استخدام سمات HTML وتطوير مهاراتك في تطوير الويب.

ابدأ التداول الآن

سجل في IQ Option (الحد الأدنى للإيداع $10) افتح حساباً في Pocket Option (الحد الأدنى للإيداع $5)

انضم إلى مجتمعنا

اشترك في قناة Telegram الخاصة بنا @strategybin للحصول على: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات باتجاهات السوق ✓ مواد تعليمية للمبتدئين