الفرق بين المراجعتين ل"HTML/address"
< HTML
اذهب إلى التنقل
اذهب إلى البحث
ط (إضافة قسمين وتعديل المثال) |
|||
(3 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
سطر 5: | سطر 5: | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
<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> | ||
+ | </syntaxhighlight>صحيحٌ أنَّ العنصر address يعرض النص بنفس تنسيق العنصرين <code>[[HTML/i|<nowiki><i></nowiki>]]</code> و <code>[[HTML/em|<nowiki><em></nowiki>]]</code>، لكن من الأنسب استخدامه عند توفير معلومات التواصل لأنه يوفِّر معلومات تنظيمية إضافية في المستند. | ||
− | + | == بطاقة العنصر == | |
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
سطر 54: | سطر 57: | ||
* يجب أن يحتوي هذا العنصر على معلومات التواصل فقط، ولا يجوز وضع معلومات إضافية مثل تاريخ النشر (الذي يجب أن يوضع ضمن العنصر <code>[[HTML/time|<nowiki><time></nowiki>]]</code>). | * يجب أن يحتوي هذا العنصر على معلومات التواصل فقط، ولا يجوز وضع معلومات إضافية مثل تاريخ النشر (الذي يجب أن يوضع ضمن العنصر <code>[[HTML/time|<nowiki><time></nowiki>]]</code>). | ||
* يوضع العنصر <code><address></code> عادةً ضمن العنصر <code>[[HTML/footer|<footer>]]</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]. | *معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-address-element HTML Living Standard]. | ||
*مواصفة [http://www.w3.org/TR/html5/sections.html#the-address-element HTML5]. | *مواصفة [http://www.w3.org/TR/html5/sections.html#the-address-element HTML5]. | ||
− | *مواصفة [http://www.w3.org/TR/html401/struct/global.html#h-7.5.6 HTML 4.01]. | + | *مواصفة [http://www.w3.org/TR/html401/struct/global.html#h-7.5.6 HTML 4.01]. |
− | [[تصنيف: | + | [[تصنيف:HTML|{{SUBPAGENAME}}]] |
− | [[تصنيف:HTML]] | + | [[تصنيف:HTML Elements|{{SUBPAGENAME}}]] |
− | [[تصنيف:HTML | + | [[تصنيف:HTML Content sectioning|{{SUBPAGENAME}}]] |
المراجعة الحالية بتاريخ 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.