وسم معلومات التواصل <address>

وسم address يحدد معلومات تواصل صاحب المستند أو المقال المحيط — لا أي عنوان بريدي عابر يظهر في النص.

دلالته أضيق مما يوحي اسمه: address ليست لأي عنوان جغرافي يُذكر، بل لمعلومات التواصل مع كاتب أقرب article أو مع صاحب الصفحة كلها إن كانت ابنة مباشرة لـ body — بريد، هاتف، رابط تواصل، أو حتى عنوان بريدي فعلي إن كان هو وسيلة التواصل المقصودة. صفحة تسرد عناوين فروع شركة كبيانات عادية لا تستخدمه؛ بطاقة «تواصل مع الكاتب» أسفل مقال تستخدمه بدقة.

المتصفحات تعرضه مائلًا بشكل افتراضي كـ em، لكن القيمة الحقيقية دلالية: يُعرّف تلقائيًّا بدور group لقارئات الشاشة، فيميّز كتلة التواصل عن بقية النص.

الصياغة

<address>
  تواصل: <a href="mailto:info@example.com">info@example.com</a>
</address>

⚡ جرّب بنفسك

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

🎨 محرّر HTML/CSS

<article>
  <h3>كيف أتقن التصميم المتجاوب</h3>
  <p>...محتوى المقال...</p>
  <address style="font-size:14px; color:#666; margin-top:12px">
    بقلم أحمد — راسله عبر
    <a href="mailto:ahmad@example.com">البريد</a>
    أو
    <a href="https://twitter.com/example">تويتر</a>
  </address>
</article>

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

أهم الخصائص

الخاصية	الوظيفة
—	لا خصائص مميزة — قيمته في دلالته

💡 نصائح عملية

داخل article تعني «تواصل مع كاتب هذا المقال تحديدًا» — استخدمها في تذييل كل مقال بصفحة مدونة
لا تضع فيها heading أو section أو header/footer — يمنعها الترميز صراحة

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

استخدامها لأي عنوان بريدي يُذكر في النص (مثل عنوان شركة في جدول بيانات) دون أن يكون معلومة تواصل فعلية
تعشيش address داخل address — ممنوع

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

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