العنصر <address>

من موسوعة حسوب
< HTML
مراجعة 13:42، 17 فبراير 2018 بواسطة عبد اللطيف ايمش (نقاش | مساهمات) (إضافة قسمين وتعديل المثال)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)
اذهب إلى التنقل اذهب إلى البحث

يوفِّر العنصر <address> معلومات التواصل للمحتوى الموجود في أقرب عنصر <article> أو <body> أب، وإذا كان سيوفر المعلومات لعنصر <body> أب فستُطبَّق المعلومات على كامل المستند.

مثال عن استخدام العنصر <address> فيه معلومات التواصل مع العنوان الفيزيائي:

<address>
  يمكنك التواصل مع موسوعة حسوب عبر
  <a href="https://io.hsoub.com/HsoubWiki">حسوب I/O</a>.<br>
  إذا أردت مراسلتنا مباشرةً
  <a href="mailto:wiki@hsoub.com">على البريد الإلكتروني</a>.<br>
  يمكنك أيضًا مراسلتنا على العنوان الرسمي:<br>
  Hsoub Ltd.<br>
  Level 17, Dashwood House<br>
  69 Old Broad Street<br>
  London
</address>

صحيحٌ أنَّ العنصر address يعرض النص بنفس تنسيق العنصرين <i> و <em>، لكن من الأنسب استخدامه عند توفير معلومات التواصل لأنه يوفِّر معلومات تنظيمية إضافية في المستند.

بطاقة العنصر

تصنيفات المحتوى عنصر تنظيمي.
المحتوى المسموح محتوى تنظيمي، لكن لا يسمح باستخدام العنصر <address> فيه، ودون ترويسات (<hgroup> و <h1>‏-<h6>)، ودون محتوى تقسيم (<article> و <aside> و <section> و <nav>)، ودون استخدام العنصرين <header> أو <footer>.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى التنظيمي، عدا العنصر <address> نفسه.
واجهة DOM HTMLSpanElement

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

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

ملاحظات الاستخدام

  • لتمثيل عنوان عادي الذي لا يتعلق بمعلومات التواصل، فاستخدام العنصر <p> بدلًا من العنصر <address>.
  • يجب أن يحتوي هذا العنصر على معلومات التواصل فقط، ولا يجوز وضع معلومات إضافية مثل تاريخ النشر (الذي يجب أن يوضع ضمن العنصر <time>).
  • يوضع العنصر <address> عادةً ضمن العنصر <footer> لأي قسم من أقسام المستند.

التنسيق الافتراضي

تعرض أغلبية المتصفحات العنصر <address> مع ضبط الخاصية display إلى block، وجعل نمط الخط font-style مائلًا italic:

address { 
  display: block;
  font-style: italic;
}

مصادر ومواصفات