الفرق بين المراجعتين ل"HTML/small"

المراجعة الحالية بتاريخ 10:56، 19 فبراير 2018

يؤدي العنصر  إلى تقليل حجم الخط بمقدار درجة واحدة (مثلًا: من large إلى medium، أو من small إلى x-small) وصولًا إلى أدنى حجم خط متوافر في المتصفح.

أصبح لهذا العنصر أهمية تنظيمية في HTML5 فهو يمثل التعليقات الجانبية أو النصوص التي تُطبَع عادةً بخطٍ صغير مثل عبارة حقوق النشر أو النص القانوني، وهذا الاستخدام التنظيمي منفصل عن طريقة عرض العنصر.

مثال عن استخدام العنصر  لعرض نص عادي ثم نص بخطٍ أصغر بدرجة:

<p>هذه جملة بخطٍ عادي <small>أما هذه الجملة فهي بخطٍ أصغر.</small></p>

بطاقة العنصر

تصنيفات المحتوى	عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح	محتوى عادي.
الوسم المختصر	لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب	أي عنصر يقبل المحتوى العادي.
واجهة DOM	`HTMLElement`

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

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

الخاصيات

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

ملاحظات

صحيحٌ أنَّ العنصر  مثل العنصرين  و  قد يؤدي إلى انتهاك مبدأ الفصل بين البنية التنظيمية والعرض، لكن العناصر السابقة صالحة للاستخدام في HTML5. والأمر متروك تمامًا للمطورين كي يقدروا إن كان من المناسب استخدام العنصر  أو استخدام CSS.

<p>هذه جملة بخطٍ عادي <span style="font-size: smaller;">أما هذه الجملة فهي بخطٍ أصغر.</span></p>

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

تعرض أغلبية المتصفحات العنصر  مع ضبط الخاصية font-size إلى smaller:

small {
  font-size: smaller;
}

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

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

@@ سطر 6: / سطر 6: @@
 مثال عن استخدام العنصر <code><nowiki><small></nowiki></code> لعرض نص عادي ثم نص بخطٍ أصغر بدرجة:
 <syntaxhighlight lang="html">
-<p>This is the first sentence. <small>This whole sentence
+<p>هذه جملة بخطٍ عادي <small>أما هذه الجملة فهي بخطٍ أصغر.</small></p>
-  is in small letters.</small></p>
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| 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].
@@ سطر 53: / سطر 64: @@
 [[تصنيف:HTML|{{SUBPAGENAME}}]]
 [[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
-[[تصنيف:Inline text semantics|{{SUBPAGENAME}}]]
+[[تصنيف:HTML Inline text semantics|{{SUBPAGENAME}}]]