توضح هذه المقالة الإجراء خطوة بخطوة لتحويل النص الكبير إلى حالة أحرف العنوان.
كيفية تحويل النص الكبير إلى حالة العنوان؟
بمساعدة خصائص CSS وجافا سكريبت ، يمكن تحويل النص الكبير إلى حالة عنوان. يساعد هذا التحويل في تحسين قابلية القراءة ومظهر النص. كما أنه يوفر تنسيقًا متسقًا ويعزز تجربة المستخدم.
اتبع الدليل أدناه خطوة بخطوة للتحويل من الأحرف الكبيرة إلى حالة الأحرف:
الخطوة 1: إنشاء عنصر مستهدف
في هذه الخطوة الأولى ، قم بإنشاء عنصر مستهدف / محدد داخل ' <الجسم> 'التي يتم تحويلها إلى حالة العنوان. على سبيل المثال ، ' ص 'بيانات العناصر المستهدفة:
< مركز >
< ص بطاقة تعريف = 'محول' > يتم تحويل هذا النص من الأحرف الكبيرة إلى حالة العنوان باستخدام CSS < / ص >
< مركز >
في كتلة التعليمات البرمجية أعلاه:
- أولاً ، استخدم ' 'لعرض النص في وسط صفحة الويب داخل' <مركز> ' بطاقة شعار. قدم أيضًا بيانات وهمية بتنسيق الأحرف الكبيرة.
- بعد ذلك ، أضف ' بطاقة تعريف 'وتزويدها بقيمة' محول '. هذا ' بطاقة تعريف 'لتخزين مرجع العلامة
داخل علامة JavaScript.
بعد نهاية مرحلة التجميع:
توضح اللقطة أعلاه لصفحة الويب أن النص قد تم عرضه بنجاح.
الخطوة 2: تحويل الأحرف الكبيرة إلى حالة أحرف العنوان
لإنشاء محول ، يتم استخدام خصائص وطرق JavaScript. اتبع الكود أدناه ، وصفه مذكور أدناه:
كان هدف = document.getElementById ( 'محول' ) .textContent.toLowerCase ( ) ؛
هدف = هدف .يستبدل ( / \ ب \ ث / ز
وظيفة ( أدنى ) { العودة أقل ( ) ؛ } ) ؛
document.getElementById ( 'محول' ) .محتوى النص = هدف ؛
< / النصي >
في مقتطف الشفرة أعلاه:
- أولاً ، أنشئ متغيرًا باسم ' هدف 'داخل'