<abbr>

وسم الاختصار <abbr>

وسم abbr يميز الاختصارات (HTML، ناسا) ويعرض معناها الكامل في تلميح عند مرور المؤشر عبر title.

كل اختصار تقني أو مؤسسي مرشح له: يضع تحت النص خطًّا منقطًا خفيفًا (افتراضيًّا)، وعند الوقوف عليه يظهر المعنى الكامل من خاصية title. قارئات الشاشة يمكنها نطق المعنى الكامل أيضًا.

العرف التحريري الأنيق: عرّف الاختصار كاملًا عند أول وروده («لغة ترميز النص التشعبي (HTML)») ثم استخدم abbr وحده بعدها.

الصياغة

<abbr title="HyperText Markup Language">HTML</abbr>

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

🎨 محرّر HTML/CSS

<p>
  تعلم <abbr title="HyperText Markup Language">HTML</abbr>
  ثم <abbr title="Cascading Style Sheets">CSS</abbr>
  — قف بالمؤشر على أي اختصار لترى معناه.
</p>

النتيجة المباشرة:

أهم الخصائص

الخاصية	الوظيفة
title	المعنى الكامل — يظهر تلميحًا عند التمرير

💡 نصائح عملية

المصطلحات التقنية الإنجليزية في المحتوى العربي أرض خصبة له
التلميح لا يعمل باللمس على الجوال — اذكر المعنى الكامل مرة بالنص أيضًا

⚠️ أخطاء شائعة

abbr بلا title — يفقد وظيفته كلها
الاعتماد عليه وحده لتعريف مصطلح جوهري لفهم الفقرة

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.

📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs