الفرق بين المراجعتين لصفحة: «HTML/address»

المراجعة الحالية بتاريخ 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;
}

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

معيار HTML Living Standard.
مواصفة HTML5.
مواصفة HTML 4.01.

@@ سطر 5: / سطر 5: @@
 <syntaxhighlight lang="html">
 <address>
-    You can contact author at <a href="http://www.somedomain.com/contact">www.somedomain.com</a>.<br>
+  يمكنك التواصل مع موسوعة حسوب عبر
-    If you see any bugs, please <a href="mailto:webmaster@somedomain.com">contact webmaster</a>.<br>
+  <a href="https://io.hsoub.com/HsoubWiki">حسوب I/O</a>.<br>
-    You may also want to visit us:<br>
+  إذا أردت مراسلتنا مباشرةً
-    Example Foundation<br>
+  <a href="mailto:wiki@hsoub.com">على البريد الإلكتروني</a>.<br>
-    Box 564, Disneyland<br>
+  يمكنك أيضًا مراسلتنا على العنوان الرسمي:<br>
-    Building K<br>
+  Hsoub Ltd.<br>
-    USA
+  Level 17, Dashwood House<br>
+Old Broad Street<br>
+  London
 </address>
+</syntaxhighlight>صحيحٌ أنَّ العنصر address يعرض النص بنفس تنسيق العنصرين <code>[[HTML/i|<nowiki><i></nowiki>]]</code> و <code>[[HTML/em|<nowiki><em></nowiki>]]</code>، لكن من الأنسب استخدامه عند توفير معلومات التواصل لأنه يوفِّر معلومات تنظيمية إضافية في المستند.
-</syntaxhighlight>صحيحٌ أنَّ العنصر address يعرض النص بنفس تنسيق العنصرين <code>[[HTML/i|<nowiki><i></nowiki>]]</code> و <code>[[HTML/em|<nowiki><em></nowiki>]]</code>، لكن من الأنسب استخدامه عند توفير معلومات التواصل لأنه يوفِّر معلومات تنظيمية إضافية في المستند.
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 54: / سطر 57: @@
 * يجب أن يحتوي هذا العنصر على معلومات التواصل فقط، ولا يجوز وضع معلومات إضافية مثل تاريخ النشر (الذي يجب أن يوضع ضمن العنصر <code>[[HTML/time|<nowiki><time></nowiki>]]</code>).
 * يوضع العنصر <code><address></code> عادةً ضمن العنصر <code>[[HTML/footer|<footer>]]</code> لأي قسم من أقسام المستند.
+== التنسيق الافتراضي ==
+تعرض أغلبية المتصفحات العنصر <code><address></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code>، وجعل نمط الخط <code>[[CSS/font-style|font-style]]</code> مائلًا <code>italic</code>:<syntaxhighlight lang="css">
+address {
+  display: block;
+  font-style: italic;
+}
+</syntaxhighlight>
 ==مصادر ومواصفات==
 *معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-address-element HTML Living Standard].