في صفحات الويب ، يمكن أن يكون استخدام أحجام خطوط مختلفة جانبا مهما يسمح لك بتمييز نص معين أو جعله أكثر قابلية للقراءة. لحل هذه المشكلة ، هناك علامة خط في هتمل. تتيح لك هذه العلامة تحديد حجم الخط لنص معين.
عند استخدام علامة الخط ، يجب تحديد سمة الحجم ، والتي تحدد حجم الخط. يتم أخذ قيمة السمة كرقم من 1 إلى 7 ، حيث 1 هو أصغر حجم و 7 هو الأكبر. على سبيل المثال ، سيقوم رمز هذا النص متوسط الحجم بإنشاء نص بحجم خط متوسط.
من المهم ملاحظة أنه على الرغم من أن علامة الخط لا تزال صالحة في هتمل ، فمن المستحسن استخدام كس لتعيين حجم الخط. يتيح لك ذلك فصل المحتوى عن التصميم الخارجي ويوفر نهجا أكثر مرونة وحداثة لتصميم صفحات الويب.
إلى جانب سمة الحجم ، يمكن استخدام سمات أخرى في علامة الخط ، مثل اللون لتعيين لون الخط والوجه لتحديد خط معين. على سبيل المثال ، سيكون لهذا النص لون أحمر وحجم 4 وخط أريال.
يمكن أن يكون استخدام علامة الخط خيارا جيدا لتغيير حجم الخط بسرعة في النص على صفحات الويب. ومع ذلك ، ينبغي أن نتذكر أن استخدامه أصبح عفا عليه الزمن بشكل متزايد وأن أفضل نهج هو استخدام كس لنمط النص.
- حجم الخط في هتمل: من دليل إلى الممارسة
- العلامات ودورها في تغيير حجم الخط
- كيفية استخدام السمات لتغيير الحجم
- أمثلة على استخدام علامة لتغيير الحجم
- تأثير حجم الخط على إدراك المحتوى
حجم الخط في هتمل: من دليل إلى الممارسة
يمكن أن تأخذ سمة الحجم قيما مختلفة من 1 إلى 7. القيمة 1 يتوافق مع أصغر حجم الخط ، والقيمة 7 يتوافق مع أكبر. على سبيل المثال ، لتعيين حجم خط 4 ، تحتاج إلى استخدام التعليمات البرمجية التالية:
نص بحجم الخط 4
ومع ذلك ، لا ينصح باستخدام العلامة في هتمل الحديثة. بدلا من ذلك ، نوصي باستخدام أوراق الأنماط المتتالية (كس) للتحكم في نمط وحجم النص.
لتغيير حجم الخط باستخدام كس ، يجب تعيين قيمة الخاصية حجم الخط. يمكن القيام بذلك داخل العلامة أو باستخدام ملف نمط خارجي.
مثال على استخدام كس لتغيير حجم الخط:
في هذا المثال ، يتم تعيين حجم الخط لجميع الفقرات إلى 16 بكسل.
يمكنك أيضا استخدام كس لتعيين حجم الخط بالنسبة لحجم الخط الأساسي باستخدام وحدات القياس النسبية مثل إم و ريم. على سبيل المثال ، لتعيين حجم الخط إلى 2 أضعاف حجم القاعدة ، يمكنك استخدام التعليمات البرمجية التالية:
من المهم ملاحظة أن استخدام وحدات القياس المطلقة ، مثل وحدات البكسل أو النقاط ، يمكن أن يؤدي إلى مشاكل في إمكانية الوصول إلى صفحة الويب وقدرتها على التكيف. لذلك ، يوصى باستخدام وحدات القياس النسبية لتوفير صفحة ويب أكثر مرونة وصديقة للجهاز.
ونتيجة لذلك ، فمن المستحسن استخدام كس ووحدات القياس النسبية للسيطرة على حجم الخط في هتمل. يتيح لك ذلك إنشاء صفحات ويب مرنة وقابلة للتكيف تعرض بشكل مثالي على أجهزة مختلفة وتأخذ في الاعتبار تفضيلات المستخدم فيما يتعلق بحجم النص.
العلامات ودورها في تغيير حجم الخط
على سبيل المثال ، لزيادة حجم الخط على الصفحة ، يمكنك استخدام التعليمات البرمجية التالية:
| كود أتش تي أم أل | النتيجة |
|---|---|
النص | النص |
لتقليل حجم الخط بواسطة ن بكسل.
، إنه ليس طريقة موصى بها لتغيير حجم الخط. بدلا من ذلك ، فمن المستحسن استخدام أوراق الأنماط المتتالية (كس) ، والتي توفر وسيلة أكثر مرونة وقوة لإدارة الأنماط على صفحة ويب.
وتعيين الأنماط المطلوبة باستخدام كس. على سبيل المثال ، إليك كيفية تغيير حجم الخط باستخدام كس:
| كود أتش تي أم أل | المغلق | النتيجة |
|---|---|---|
النص | سبان { حجم الخط: 20 بكسل؛} | النص |
وبالتالي ، يوفر كس أدوات أكثر مرونة وملاءمة لإدارة الأنماط وحجم الخط على صفحات الويب.
كيفية استخدام السمات لتغيير الحجم
يوفر هتمل العديد من السمات التي تسمح لك بتغيير حجم الخط:
سيتم إنشاء نص بحجم 4.
ومع ذلك ، يعتبر استخدام سمة الحجم قديما ولا يوصى به. بدلا من ذلك ، فإن أفضل الممارسات هي استخدام أنماط كس لتغيير حجم الخط.
يحدد حجم الخط إلى 20 بكسل.
يضبط حجم الخط على 1.5 ضعف حجم الخط الافتراضي.
بالإضافة إلى سمة النمط ، يمكنك استخدام أنماط كس الخارجية. لتغيير حجم الخط باستخدام نمط خارجي ، حدد فئة أو معرفا وقم بتطبيقه على العنصر. على سبيل المثال ، إذا كان لديك نمط كس التالي:
النص
أو
أمثلة على تطبيق العلامة
لتغيير الحجم
مثال 1: تعيين أكبر حجم:
النص مع أكبر حجم
نتيجة لذلك ، نحصل على نص بحجم متوسط: نص متوسط الحجم
مثال 3: تعيين أصغر حجم نص:
النص مع أصغر حجم