وظيفة وفائدة عنصر code في HTML

Amro Atef Awad · 1 يونيو 2023

ما وظيفةوسم code ؟

تم التعديل في 1 يونيو 2023 بواسطة Mustafa Suleiman
تعديل عنوان السؤال

Mustafa Suleiman · 1 يونيو 2023

عنصر <code> في HTML يُستخدم لتحديد قسم من النص كشيفرة برمجية أو شيفرة مرجعية.

وفيما يلي بعض النقاط المهمة حول عنصر <code>:

يعتبر عنصرًا فارغًا، ويجب استخدامه مع بداية ونهاية تاجات الافتتاح والإغلاق <code></code>.
يجب استخدام عنصر <code> فقط لعرض النصوص البرمجية أو الشيفرات المرجعية، وأيضًا لعرض تعليمات المستخدم أو الأكواد القابلة للنسخ.
لا يقوم عنصر <code> بتنفيذ أي تنسيق خاص على النص.
يتم عادة استخدام CSS لتخصيص تنسيق الشيفرة البرمجية داخل عنصر <code>،مثلاً، تعيين أنواع الخط والألوان والتظليل لتحسين قراءة الشيفرة.

وهو يستخدم على نطاق واسع في صفحات الويب لعرض الشيفرة المصدرية أو البرمجية بشكل منسق وواضح، وبإمكانك استخدامه أيضًا في الوثائق التقنية والمدونات التي تتضمن شروحات برمجية لتوضيح الأكواد والأمثلة.

مثال:

<html>
  <head> </head>
  <body>
    <pre>
      <code>
        // يبدأ الكود من هنا
        #include< iostream>
        
        #include< stack>
        using namespace std;

        int main() {
          stack<int> stack1;

          stack1.push(0);
          stack1.push(2);
          stack1.push(5);
          stack1.push(3);
          stack1.push(1);
        
        } // ينتهي الكود هنا
      </code>
    </pre>
  </body>
</html>

ولاحظ أنني قمت باستخدام عنصر pre للإحتفاظ بتنسيق النص كما قمت بكتابته وبدون الحاجة إلى كتابة أكواد CSS، وإليك النتيجة:

وقد يبدوا الأمر محير بعض الشيء لك فما الفائدة إذا كان عنصر فقط ولا يقوم بأي تسنيق؟

ولكن يُعتبر عنصر <code> جزءًا من HTML الدلالي (Semantic HTML)، وهو مفهوم يهدف إلى استخدام العناصر والوسوم في HTML بطريقة توفر معنى وهيكلية أكثر دقة للمستند.

وتستطيع تنسيق الكود من خلال استهداف العنصر.

عبدالباسط ابراهيم · 3 يونيو 2023

يمكن استخدام العنصر "code" في HTML لعدة أغراض، منها:

عرض شفرة البرمجة: يمكن استخدام العنصر "code" لعرض الشفرة البرمجية وتسهيل قراءتها وفهمها. على سبيل المثال:

<code>
function sum(a, b) {
  return a + b;
}
</code>

عرض رسائل الخطأ: يمكن استخدام العنصر "code" لعرض رسائل الخطأ والتحذيرات التي تظهر في صفحة الويب، مثل رسائل الخطأ التي تظهر في وحدة تحكم المطور. على سبيل المثال:

<code>

Uncaught TypeError: Cannot read property 'length' of null

</code>

عرض محتوى البريد الإلكتروني: يمكن استخدام العنصر "code" لعرض محتوى البريد الإلكتروني المتعلق بالشفرة البرمجية، مثل رسائل الخطأ التي تظهر في البريد الإلكتروني. على سبيل المثال:

<code>
Subject: Error message

An error has occurred while processing your request. Please try again later.
</code>

يمكن استخدام العنصر "code" في HTML في العديد من السياقات المختلفة، وذلك لتحسين عرض وفهم الشفرة البرمجية وتسهيل عملية التطوير.

وظيفة وفائدة عنصر code في HTML

السؤال

Amro Atef Awad

2 أجوبة على هذا السؤال

Recommended Posts

Mustafa Suleiman

عبدالباسط ابراهيم

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية