هل نظرت إلى موقع قديم جدًا وشاهدت علامة غير عادية داخل HTML ؟ منذ سنوات عديدة ، قام مصممو الويب بتعيين خطوط صفحات الويب الخاصة بهم داخل HTML نفسها ، ولكن فصل البنية (HTML) والأسلوب (CSS) لم يبتعد عن هذه الممارسة منذ بعض الوقت.
في تصميم الويب اليوم ، تم إيقاف العلامة. هذا يعني أن العلامة لم تعد جزءًا من مواصفات HTML. على الرغم من أن بعض المتصفحات لا تزال تدعم هذه العلامة بعد أن تم إيقافها ، إلا أنها لم تعد متوفرة على الإطلاق في HTML5 ، وهو أحدث تكرار للغة. هذا يعني أنه لم يعد من الممكن العثور على العلامة في مستندات HTML الخاصة بك.
البديل لخط العلامة
إذا لم تتمكن من تعيين خط النص داخل صفحة HTML مع العلامة ، فما الذي يجب أن تستخدمه؟ أوراق الأنماط المتتالية (CSS) هي كيفية ضبط أنماط الخطوط (وجميع الأنماط المرئية) على مواقع الويب اليوم. يمكن لـ CSS تنفيذ كل الأشياء نفسها التي يمكن أن تفعلها العلامة ، بالإضافة إلى الكثير. لنفحص ما يمكن أن تفعله العلامة عندما كان خيارًا لصفحات HTML الخاصة بنا (تذكر أنها غير مدعومة على الإطلاق ، لذا فهي ليست خيارًا) وقارن كيفية القيام بذلك مع CSS.
تغيير عائلة الخط
وجه الخط هو الوجه أو عائلة الخط. باستخدام علامة الخط ، ستستخدم السمة "وجه" وستحتاج إلى وضع هذا في مستند عدة مرات عدة لتعيين الخطوط الفردية لكل قسم من النص. إذا كنت بحاجة إلى إجراء تغيير شامل على هذا الخط ، فعليك تغيير كل واحدة من هذه العلامات الفردية. فمثلا:
هذا الخط ليس sans-serifفي CSS بدلاً من الخط "وجه" ، يطلق عليه اسم "العائلة". تكتب نمط CSS من شأنه تعيين الخط. على سبيل المثال ، إذا أردت تعيين كل النص في صفحة إلى Garamond ، فيمكنك إضافة هذا النمط المرئي على النحو التالي:
الجسم {font-family: Garamond، Times، serif؛ }يطبق نمط CSS هذا عائلة الخط من Garamond على كل شيء في صفحة الويب نظرًا لأن كل عنصر في المستند هو سليل
تغيير لون الخط
كما هو الحال مع الوجه ، يمكنك استخدام السمة "color" و hex codes أو أسماء الألوان لتغيير لون النص الخاص بك. قبل سنوات ، يمكنك أيضًا تعيين هذا بشكل فردي على عناصر النص ، مثل علامة رأس.
هذا الخط هو الأرجوانياليوم ، عليك فقط كتابة سطر CSS.
هذا أكثر مرونة بكثير. إذا كنت بحاجة إلى تغيير
على كل صفحة من صفحات موقعك ، يمكنك إجراء تغيير واحد في ملف CSS الخاص بك وسيتم تحديث كل صفحة تستخدم هذا الملف.
خارج مع القديم
كان استخدام CSS لإملاء الأنماط المرئية معيارًا لمصمم الويب لسنوات عديدة ، لذلك إذا كنت تبحث بالفعل في صفحة ما زالت تستخدم العلامة ، فستكون صفحة قديمة جدًا ويجب إعادة تطويرها لتتوافق مع الويب الحالي تصميم أفضل الممارسات ومعايير الويب الحديثة.
حرره جيريمي جيرار