يوفر أتش تي أم أل طرقا مختلفة لتعيين أحجام الخطوط للنص على صفحات الويب. ستسمح لك معرفة هذه الطرق بإنشاء محتوى جميل وقابل للقراءة.
تتمثل إحدى أسهل الطرق لتعيين حجم الخط في استخدام سمة الحجم في العلامة. على سبيل المثال ، سيتم تعيين حجم خط النص إلى 4.
ومع ذلك ، هذه نسخة قديمة من هتمل وقد لا تعمل في بعض المتصفحات. لذلك ، فمن المستحسن استخدام كس لتعيين أحجام الخطوط.
ميزة كس هو أنه يسمح لك للسيطرة بمرونة على مظهر النص ، بغض النظر عن هيكلها.
في كس ، يتم استخدام خاصية حجم الخط لتعيين حجم الخط. يمكنك تحديد حجم الخط بالوحدات المطلقة (على سبيل المثال ، وحدات البكسل أو النقاط) أو بالوحدات النسبية (على سبيل المثال ، النسب المئوية أو م).
- لماذا أحتاج إلى تعيين أحجام الخطوط?
- المفاهيم الأساسية
- علامات لتحديد أحجام الخطوط
- وحدات حجم الخط
- كيفية تعيين أحجام الخطوط
- هذا رأس من المستوى الثاني بحجم خط 24 بكسل.
- تعيين حجم الخط في علامة كس
لماذا أحتاج إلى تعيين أحجام الخطوط?
يتيح لك تحديد حجم الخط الأمثل:
- ضمان سهولة القراءة: يساعد تحديد حجم الخط المناسب المستخدمين على قراءة النص على الصفحة بسهولة دون إجهاد أعينهم. كلما كان من الأسهل على المستخدمين قراءة النص وفهمه ، كلما زاد مشاركته في محتوى موقعك.
- تحسين إمكانية الوصول: إذا كان موقعك متاحا للأشخاص الذين يعانون من إعاقات بصرية مختلفة ، فإن تعيين أحجام خطوط مناسبة يمكن أن يساعدهم بشكل كبير في الوصول إلى المعلومات. وهذا يشمل الأشخاص الذين يعانون من ضعف البصر أو طول النظر والذين قد يجدون صعوبة في قراءة نص صغير جدا أو كبير جدا.
- تعزيز الجماليات وسهولة القراءة: يساعد الاستخدام الصحيح لأحجام الخطوط على إنشاء تصميم صفحة أكثر إرضاء من الناحية الجمالية. يمكن أن يؤدي حجم الخط المناسب إلى تحسين إدراك المحتوى وجعله أكثر قابلية للقراءة وجاذبية للمستخدمين.
من المهم اختيار أحجام الخطوط بعناية ومراعاة احتياجات المستخدمين لديك. يجب أن يكون حجم الخط كبيرا بما يكفي لقراءة مريحة ، ولكن ليس كبيرا جدا بحيث يشغل مساحة كبيرة جدا على الصفحة.
المفاهيم الأساسية
عند العمل مع هتمل و كس ، من المهم فهم المفاهيم الأساسية المتعلقة بتعيين أحجام الخطوط. ستساعدك معرفة هذه المفاهيم وتطبيقها على إنشاء تصميم جميل وقابل للقراءة لموقع الويب الخاص بك.
- الأبعاد المطلقة: هذه قيم مستقلة عن العناصر الأخرى في الصفحة. يحتوي هتمل على علامة تستخدم لتعيين حجم الخط المطلق باستخدام سمة" الحجم". على سبيل المثال ، هذا النص له حجم مطلق 4.
- الأبعاد النسبية: هذه هي القيم التي تعتمد على عناصر أخرى في الصفحة. كس لديها وحدات القياس مثل النسب المئوية ( ٪ ) ، إم و ريم ، والتي تستخدم لتعيين حجم الخط النسبي. على سبيل المثال ، من خلال تعيين حجم الخط كنسبة مئوية أو م ، يمكنك تحديد أن النص يجب أن يكون ضعف الحجم العادي.
- أحجام عالمية: هذه قيم محددة مسبقا ، وهي ممارسة مقبولة عموما لتعيين أحجام الخطوط. يحتوي كس على كلمات رئيسية مثل "صغير" و "متوسط" و "كبير" و "كبير جدا" يمكن استخدامها لتعيين أحجام عالمية. على سبيل المثال ، باستخدام حجم الخط: خاصية كبيرة ، ستحدد خطا أكبر.
- وحدات القياس: هذه هي القيم المستخدمة لتعيين أحجام الخطوط في كس. أمثلة على وحدات القياس هي بكسل (بكسل) ، النقاط (بت) ، ملليمتر (مم) وغيرها. سيساعدك اختيار وحدة القياس المناسبة على تحقيق حجم النص المطلوب على موقع الويب الخاص بك.
- ضبط الأحجام للأجهزة المختلفة: مع تطور الأجهزة المحمولة ، أصبح من المهم تعيين أحجام الخطوط التي ستكون قابلة للقراءة على شاشات مختلفة. كس لديها وحدات التكيف من القياس ، مثل فو (عرض منفذ العرض) و ف (ارتفاع منفذ العرض) ، والتي تسمح لك لتعيين أحجام الخط بالنسبة لأحجام الشاشة. على سبيل المثال ، عن طريق تعيين حجم الخط: 4 فولت واط ، يمكنك تعيين حجم الخط ليكون 4٪ من عرض إطار العرض.
معرفة هذه المفاهيم الأساسية سوف تساعدك على فهم أفضل وإدارة أحجام الخطوط في هتمل و كس. تذكر أن اختيار أحجام الخطوط الصحيحة يساهم في سهولة القراءة والجاذبية المرئية لموقعك على الويب.
علامات لتحديد أحجام الخطوط
هناك العديد من العلامات في هتمل التي تسمح لك بتعيين أحجام الخطوط. بعض من أكثرها استخداما مذكورة أدناه:
: تحدد هذه العلامة رأس المستوى الأول. يتم استخدامه عادة لعنوان الصفحة الرئيسية وله أكبر حجم للخط.
: رأس المستوى الثاني. يتم استخدامه للعناوين الفرعية وعادة ما يكون حجم الخط أصغر قليلا من رأس المستوى الأول.
: عنوان المستوى الثالث. يمكن استخدامه لعناوين أصغر من عنوان المستوى الثاني.
100%: تعيين حجم الخط إلى 100 ٪ من حجم الخط للعنصر الأصل.