الفرق بين المراجعتين ل"HTML/small"
ط (استبدال النص - ':(Content sectioning|Edits|Embedded content|Forms|Inline text semantics|Input Types|Interactive elements|Main Root|Metadata|Multimedia|Scripting|Table|Text Content)' ب':HTML $1') |
(إضافة قسمين ومثالين) |
||
| سطر 6: | سطر 6: | ||
مثال عن استخدام العنصر <code><nowiki><small></nowiki></code> لعرض نص عادي ثم نص بخطٍ أصغر بدرجة: | مثال عن استخدام العنصر <code><nowiki><small></nowiki></code> لعرض نص عادي ثم نص بخطٍ أصغر بدرجة: | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| − | <p> | + | <p>هذه جملة بخطٍ عادي <small>أما هذه الجملة فهي بخطٍ أصغر.</small></p> |
| − | |||
</syntaxhighlight> | </syntaxhighlight> | ||
| + | == بطاقة العنصر == | ||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 46: | سطر 46: | ||
== ملاحظات == | == ملاحظات == | ||
| − | صحيحٌ أنَّ العنصر <code><nowiki><small></nowiki></code> مثل العنصرين <code>[[HTML/b|<nowiki><b></nowiki>]]</code> و <code>[[HTML/i|<nowiki><i></nowiki>]]</code> قد يؤدي إلى انتهاك مبدأ الفصل بين البنية التنظيمية والعرض، لكن العناصر السابقة صالحة للاستخدام في HTML5. والأمر متروك تمامًا للمطورين كي يقدروا إن كان من المناسب استخدام العنصر <code><nowiki><small></nowiki></code> أو استخدام CSS. | + | صحيحٌ أنَّ العنصر <code><nowiki><small></nowiki></code> مثل العنصرين <code>[[HTML/b|<nowiki><b></nowiki>]]</code> و <code>[[HTML/i|<nowiki><i></nowiki>]]</code> قد يؤدي إلى انتهاك مبدأ الفصل بين البنية التنظيمية والعرض، لكن العناصر السابقة صالحة للاستخدام في HTML5. والأمر متروك تمامًا للمطورين كي يقدروا إن كان من المناسب استخدام العنصر <code><nowiki><small></nowiki></code> أو استخدام [[CSS]]. |
| + | <syntaxhighlight lang="html"> | ||
| + | <p>هذه جملة بخطٍ عادي <span style="font-size: smaller;">أما هذه الجملة فهي بخطٍ أصغر.</span></p> | ||
| + | </syntaxhighlight> | ||
| + | |||
| + | == التنسيق الافتراضي == | ||
| + | تعرض أغلبية المتصفحات العنصر <code><nowiki><small></nowiki></code> مع ضبط الخاصية <code>[[CSS/font-size|font-size]]</code> إلى <code>smaller</code>:<syntaxhighlight lang="css"> | ||
| + | small { | ||
| + | font-size: smaller; | ||
| + | } | ||
| + | </syntaxhighlight> | ||
| + | |||
==مصادر ومواصفات== | ==مصادر ومواصفات== | ||
*معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-small-element HTML Living Standard]. | *معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-small-element HTML Living Standard]. | ||
المراجعة الحالية بتاريخ 10:56، 19 فبراير 2018
يؤدي العنصر <small> إلى تقليل حجم الخط بمقدار درجة واحدة (مثلًا: من large إلى medium، أو من small إلى x-small) وصولًا إلى أدنى حجم خط متوافر في المتصفح.
أصبح لهذا العنصر أهمية تنظيمية في HTML5 فهو يمثل التعليقات الجانبية أو النصوص التي تُطبَع عادةً بخطٍ صغير مثل عبارة حقوق النشر أو النص القانوني، وهذا الاستخدام التنظيمي منفصل عن طريقة عرض العنصر.
مثال عن استخدام العنصر <small> لعرض نص عادي ثم نص بخطٍ أصغر بدرجة:
<p>هذه جملة بخطٍ عادي <small>أما هذه الجملة فهي بخطٍ أصغر.</small></p>
بطاقة العنصر
| تصنيفات المحتوى | عنصر تنظيمي أو عنصر عادي. |
|---|---|
| المحتوى المسموح | محتوى عادي. |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى العادي. |
| واجهة DOM | HTMLElement
|
دعم المتصفحات
| Chrome | Firefox | Edge | Safari | Opera |
|---|---|---|---|---|
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
ملاحظات
صحيحٌ أنَّ العنصر <small> مثل العنصرين <b> و <i> قد يؤدي إلى انتهاك مبدأ الفصل بين البنية التنظيمية والعرض، لكن العناصر السابقة صالحة للاستخدام في HTML5. والأمر متروك تمامًا للمطورين كي يقدروا إن كان من المناسب استخدام العنصر <small> أو استخدام CSS.
<p>هذه جملة بخطٍ عادي <span style="font-size: smaller;">أما هذه الجملة فهي بخطٍ أصغر.</span></p>
التنسيق الافتراضي
تعرض أغلبية المتصفحات العنصر <small> مع ضبط الخاصية font-size إلى smaller:
small {
font-size: smaller;
}
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5.
- مواصفة HTML 4.01.