HTML for Kids · درس

التحقق من صحة HTML

تأكد من توافق التعليمات البرمجية الخاصة بك مع معايير HTML

التحقق من صحة HTML درس مجاني في HTML for Kids على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في HTML for Kids، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة HTML for Kids 4 دروس في المجموع.

لماذا نتحقق من صحة HTML

التحقق من صحة HTML

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

ما المقصود بالتحقق من صحة HTML؟

يتحقق التحقق من الصحة من كود HTML للتأكد من كتابته بطريقة صحيحة وفقًا لمعايير الويب.

فوائد التحقق من صحة HTML:

يضمن خلو الكود من الأخطاء.
يجعل صفحتك متوافقة مع جميع المتصفحات.
يحسّن إمكانية الوصول وتحسين محركات البحث.

أخطاء HTML الشائعة

إليك بعض الأخطاء الشائعة التي ينبغي تجنبها:

إغفال الوسوم الختامية.
استخدام أسماء وسوم غير صحيحة.
نسيان استخدام علامات الاقتباس حول قيم السمات.

مثال: خطأ شائع:

<a href=https://example.com>Click here<a>

النسخة المصححة:

<a href="https://example.com">Click here</a>

استخدام أداة التحقق من W3C

أداة التحقق من W3C هي أداة مجانية تتحقق من وجود أخطاء وتحذيرات في كود HTML الخاص بك. اتبع الخطوات التالية:

انتقل إلى validator.w3.org.
اختر أحد الخيارات التالية:
- الإدخال المباشر: الصق كود HTML الخاص بك.
- تحميل ملف: حمّل ملف HTML الخاص بك.
- عنوان URL: أدخل عنوان URL لصفحة الويب الخاصة بك.
انقر على تحقق لعرض النتائج.

إصلاح أخطاء التحقق من الصحة

عند التحقق من صحة الكود، ستعرض أداة التحقق أي أخطاء أو تحذيرات موجودة. إليك كيفية إصلاحها:

اقرأ رسالة الخطأ بعناية.
حدّد موضع المشكلة في الكود.
أجرِ التصحيحات اللازمة.

نصيحة: أعد دائمًا التحقق من صحة الكود بعد إجراء التغييرات!

أفضل الممارسات للتحقق من الصحة

اتبع هذه النصائح لتجنب أخطاء التحقق من الصحة:

استخدم دائمًا تعريف نوع المستند الصحيح (مثل <!DOCTYPE html>).
أغلق جميع الوسوم بطريقة صحيحة.
استخدم الأحرف الصغيرة لأسماء الوسوم.
ضمّن السمة alt للصور.

مثال:

<!DOCTYPE html>
<html>
  <head>
    <title>Validated Page</title>
  </head>
  <body>
    <h1>Welcome to My Page</h1>
    <img src="image.jpg" alt="Description of the image" />
    <p>This is a valid HTML page.</p>
  </body>
</html>

مثال من العالم الحقيقي

إليك مثالًا على صفحة بها مشكلات في التحقق من الصحة:

<!-- Incorrect HTML -->
<!DOCTYPE html>
<html>
  <head>
    <title>My Page</title>
  <body>
    <h1>Welcome</h1>
    <img src="image.jpg">
    <p>This is my first page.
  </body>
</html>


<!-- Correct HTML -->
<!DOCTYPE html>
<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    <h1>Welcome</h1>
    <img src="image.jpg" alt="A sample image">
    <p>This is my first page.</p>
  </body>
</html>

جرّب بنفسك

لننشئ صفحة HTML صحيحة. استخدم هذا المثال:

<!DOCTYPE html>
<html>
  <head>
    <title>Validation Example</title>
  </head>
  <body>
    <h1>My Validated Page</h1>
    <img src="example.jpg" alt="An example image">
    <p>This page passes validation!</p>
  </body>
</html>

مراجعة سريعة للتحقق من صحة HTML

أحسنت!

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

الأسئلة الشائعة

هل درس «التحقق من صحة HTML» مجاني؟

نعم — نص درس «التحقق من صحة HTML» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة HTML for Kids، انتقل إلى CoddyKit PRO. تتضمن دورة HTML for Kids 4 دروس في المجموع.

ماذا ستتعلم في «التحقق من صحة HTML»؟

تأكد من توافق التعليمات البرمجية الخاصة بك مع معايير HTML تتمرن على HTML for Kids مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ HTML for Kids؟

لا تُشترط خبرة سابقة. HTML for Kids على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.

كم من الوقت يستغرق درس «التحقق من صحة HTML»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس HTML for Kids هذا؟

نعم. كل درس في HTML for Kids يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

← العودة إلى HTML for Kids