التحقق من صحة الصفحة. التحقق من صحة البيانات. التحقق من بنية الارتباط ووزن الصفحات الداخلية

27.01.2021

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

من المهم التحقق من صلاحية موقع الويب لعدة أسباب:

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

كل هذا يجب أن يتبع. ويتم وضع هذه المعايير من قبل اتحاد شبكة الويب العالمية W3C.

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

يوفر W3C أداة التحقق لجميع مشرفي المواقع كود أتش تي أم ألوللتحقق صلاحية الموقع.

التحقق من صحة بواسطة URI - التحقق من خلال URL
التحقق من الصحة عن طريق تحميل الملف - تحقق من الملف الذي تم تحميله
التحقق من الصحة عن طريق الإدخال المباشر - إدخال قسم من التعليمات البرمجية والتحقق منه

اضغط على الزر يفحصوسوف تظهر النتائج. افتراضيًا، يتم تحديد الإعدادات تلقائيًا، ولكن إذا كنت تقوم بضبط نوع آخر، فاستخدم إعداداتك الخاصة.

اسمحوا لي أن أشير إلى أنه غالبًا ما يكفي تصحيح خطأ واحد أو اثنين حتى يلتزم الموقع بالقواعد تمامًا. (على سبيل المثال، في هذه الحالة، كان يكفي إجراء تصحيح واحد في ملف واحد حتى تختفي 5 أخطاء).

كل شيء باللغة الإنجليزية، على الرغم من أن المدقق لديه خيار مفيد "تنظيف العلامات باستخدام HTML-Tidy"، سأخبرك بذلك أدناه.

يمكنك أيضًا تحديد خيارات إضافية عند التحقق من الصلاحية:

    • إظهار المصدر- عرض الكود المصدري لصفحتك
    • عرض المخطط التفصيلي- إظهار السطر الذي توجد به أخطاء
    • التحقق من صحة صفحات الخطأ– التحقق من صفحات الخطأ، على سبيل المثال 404 – الصفحة غير موجودة
    • قائمة الرسائل بالتسلسل- إظهار الأخطاء والتحذيرات في القائمة، بشكل تسلسلي
    • تجميع رسائل الخطأ حسب النوع- أخطاء جماعية ذات خصائص مشتركة
    • تنظيف العلامات باستخدام HTML Tidy- يعرض برنامج HTML Tidy التعليمات البرمجية المصححة، وهو ليس جزءًا من أداة التحقق من صحة W3C، لذا لا يتم ضمان الصحة الكاملة

تصحيح أخطاء الصلاحية

الآن دعونا نحاول معرفة كيفية تصحيح الأخطاء.

1. انسخ السطر الذي به الخطأ (... نحن لا ننسخه، هذا استمرار للكود)

2. تحديد الملف الذي يوجد فيه. افتح الموقع، CTRL + U قم بعرض الكود المصدري للصفحة وابحث عن الخطأ CTRL + F. في كثير من الأحيان لا يرتبط الخطأ بملفات القالب، يمكن أن يكون في ملفات البرنامج المساعد، أو في المجلدات الفرعية للقالب الخاص بك، لذلك بعض هناك حاجة إلى المعرفة

3. بعد ذلك، افتح الملف واستخدم الإدخال تحت الخطأ، أو باستخدام برامج HTMLمرتب (قم بتشغيل الخيار الموجود أعلى صفحة المدقق)، في هذه الحالة نبحث عن الكود المصحح بالفعل (فقط قم بنسخ الكود من 2-3 أحرف حتى التمييز باللون الأحمر). ونحن إصلاحه.

أخطاء التحقق الشائعة

مثال:
…

خطأ في التحقق من الصحة: لقد استخدمت العنصر المذكور أعلاه في مستندك، ولكن نوع المستند الذي تستخدمه لا يحدد عنصرًا بهذا الاسم

توضيح: noindex - غير مدرج في المواصفات الرسمية لعلامة لغة ترميز النص التشعبي صفحات ويب HTML. ومن المفيد أيضًا معرفة أن Yandex يأخذ في الاعتبار، كما تفعل Google وYahoo وBing، rel=» com.nofollow»

يمين:
…

مثال:
...

خطأ في التحقق من الصحة: كيان غير معروف...

توضيح: استخدم & بدلاً من &

يمين:
...

تداخل غير صالح

مثال:

  • ...

    خطأ في التحقق من الصحة: مفتقدعلامة

    توضيح: يجب إغلاق العناصر بالترتيب العكسي لفتحها

    يمين:
    < li >...

    حساسية حالة DOCTYPE

    مثال:

    خطأ في التحقق من الصحة: DOCTYPE مفقود

    توضيح: DOCTYPE حساس لحالة الأحرف

    يمين:

    الإغلاق "/" مفقود

    مثال:
    … style.css" type="text/css" media="screen" >

    توضيح: "العناصر الفارغة" كما imgأو ر، يجب أن ينتهي بـ "/" مع وجود مسافة قبله

    يمين:
    …style.css" type="text/css" media="screen" />

    العلامات مكتوبة بأحرف كبيرة

    مثال:

  • ...

    خطأ في التحقق من الصحة:لا يوجد مثل هذا العنصر…

    توضيح: في مستندات XHTML، يجب أن تكون جميع العناصر والسمات بالأحرف الصغيرة، لأن هذه اللغة حساسة لحالة الأحرف ولها

  • و< LI >علامات مختلفة

    يمين:

    تتم كتابة قيم السمات بدون علامات الاقتباس

    مثال:

    خطأ في التحقق من الصحة:مفتقد " "

    توضيح: تتم كتابة قيم السمات مع علامات الاقتباس

    يمين:

    img يفتقد السمة البديلة

    مثال:

    خطأ في التحقق من الصحة:السمة المطلوبة "alt" غير محددة

    توضيح: عند العلامة imgيصف بديليجب أن تكون موجودة دائمًا، ويمكن ترك القيمة فارغة إذا تم استخدام الصورة للزينة

    يمين:

    ونتيجة لذلك ستتمكن من تصحيح أخطاء الموقع وجعل الموقع صالحًا.

    أريد أن أخصص مقالة اليوم للتحقق من صحة الموقع (أي HTML). أولا، دعونا نحدد ما يعنيه هذا المصطلح! التحقق من صحة الموقع هو التحقق من وجود أخطاء في بناء الجملة، والتحقق من تداخل العلامات ومعايير أخرى. كقاعدة عامة، يقوم المدققون (خدمات فحص المواقع بحثًا عن أخطاء في بنية المستند) بفحص كود HTML للتأكد من توافقه مع معيار معين، والذي يتم الإشارة إليه في بداية أي صفحة HTML في السطر الأول. إذا كنت لا تعرف ما هو الغرض منه، الآن سوف تعرف! 🙂 لكن لماذا بالضبط هذا التحقق مطلوب وما تأثيره؟

    "ما هو التحقق من صحة الموقع؟"

    كما قلت أعلاه، التحقق من الصحة هو امتثال كود HTML لقواعد ومعايير معينة. تم استبدال XHTML بـ , مما جعل الحياة أسهل بكثير للمطورين. الشيء هو أنه في إصدار XHTML كان بناء الجملة صارمًا للغاية. إذا كان بإمكانك كتابة علامة التفاف في HTML5
    كلاهما بدون شرطة مائلة وبهذا الشكل
    ، فسيكون الخيار الأخير فقط هو الصحيح في XHTML. HTML5 ليس صارمًا جدًا، بالإضافة إلى ظهور العديد من العلامات المفيدة، لكن الأمر لا يتعلق بذلك الآن :)

    "ما الذي يؤثر على التحقق من صحة الموقع؟"

    الآن دعونا نجيب على السؤال الثاني.

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

    كما لا يسعني إلا أن أقول إن التحقق من الصحة يؤثر على محركات البحث: تعطي محركات البحث الأفضلية للمواقع التي تحتوي على كود HTML صالح. ضع هذا في الاعتبار!

    حسنًا، هل أقنعتك بأن التحقق من صحة موقع الويب ضروري حقًا؟ ثم انتهينا من النظرية ودعونا ننتقل إلى الممارسة!

    طرق التحقق من الصحة

    لقد كتبت عن كل من الأساليب تعليمات مفصلةعلى شكل نص وكمان لو حد متكاسل جدا عن القراءة والفهم عملت فيديو 😉 .

    1 طريقة. خدمة validator.w3.org

    جوهر الطريقة الأولى هو استخدام خدمة للتحقق من صحة الموقع. كيفية التحقق من صلاحية الموقع الذي يستخدم الخدمة validator.w3.org:

    1. انتقل إلى العنوان: validator.w3.org. ستفتح أمامنا صفحة بها 3 علامات تبويب. في علامة التبويب الأولى "التحقق من صحة بواسطة URI" يمكنك التحقق من صحة موقع منشور على الإنترنت، وفي علامة التبويب الثانية "التحقق من خلال تحميل الملف" - تحميل ملف من جهاز الكمبيوتر الخاص بك، وفي علامة التبويب الثالثة "التحقق من خلال الإدخال المباشر" - الصق محتويات الملف مباشرة في نموذج الإدخال. سأتحدث عن الخيار الأول، وهو عندما يتم نشر الموقع على الإنترنت (أعتقد أنه لن يكون لديك أي مشاكل مع الطرق الأخرى). لذلك قم باختيار علامة التبويب الأولى كما في الصورة أدناه:

    • ترميز الأحرف- ترميز موقعك. لكن! إذا كان بالفعل بين العلامات (في موقع الويب الخاص بك في متصفحك، اضغط على اختصار لوحة المفاتيح CTRL+U، وانظر إلى بداية المستند بحثًا عن سطر مثل هذا

      ). إذا كان هناك شيء مشابه في السطر الأول، فاترك القيمة هنا أيضًا (الكشف تلقائيا).

    إذا لم يكن لديك أي مما وصفته أعلاه، فسوف تحتاج إلى تعيين هذه القيم بنفسك. لم أغير أي شيء هنا وتركت كل شيء كما هو.

    3. ثم في حقل "العنوان" أدخل عنوان موقعك كما فعلت:

    ثم انقر فوق الزر "تحقق" الموجود في منتصف الكتلة الرمادية:

    4. بعد ذلك يأتي التحقق من صحة موقعك وبعد فترة ستظهر نتيجة التحقق. ستكون هناك صفحة مشابهة تحتوي على الرسالة "تم التحقق من هذا المستند بنجاح باعتباره HTML5!" (مما يعني أن موقعك قد نجح في اجتياز فحص الصلاحية لنوع معين من المستندات، وهو HTML5 في حالتي):

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

    الطريقة 2. المكونات الإضافية للمتصفح

    1. البرنامج المساعد للمتصفح موزيلا فايرفوكس- يذهب

    اتبع الرابط أعلاه واختر الإصدار متصفح فايرفوكسوانقر على زر "تنزيل". ثم اختر المطلوب نظام التشغيلوتثبيته كوظيفة إضافية عادية. (من لم يفهم فليشاهد الفيديو :)

    2. البرنامج المساعد للمتصفح جوجل كروم- يذهب

    هنا تحتاج إلى النقر فوق الزر "مجاني" ثم النقر فوق "إضافة" في النافذة المنبثقة.

    3. البرنامج المساعد ل متصفح اوبرا- يذهب

    تم تصميم صفحات جميع مواقع الويب على الإنترنت برمز خاص مكتوب وفقًا لقواعد HTML الموحدة.

    ما هي الصلاحية؟

    التحقق من الصحة هو فحص للامتثال للمعايير المعمول بها، وفي السياق الذي يستخدمه مشرفو المواقع، صحة رمز الصفحة: أخطاء بناء الجملة، وتداخل العلامات، وما إلى ذلك. إذا تم كل شيء "بشكل صحيح"، فيجب ألا يحتوي رمز الصفحة على سمات أو هياكل غير صحيحة والأخطاء. يتيح لك التحقق من صحة موقع الويب تحديد أوجه القصور التي تحتاج إلى تصحيح.

    صلاحية الموقع هي امتثال الكود لمعايير HTML الحالية.

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

    ما هي أدوات التحقق من صحة الكود

    مدقق الكود هو برنامج يمكن استخدامه للتحقق من كود HTML للصفحات ورمز CSS للتأكد من توافقه مع المعايير الحديثة.

    تقوم بالعثور على العناصر غير الصحيحة وتسجيلها، مع الإشارة إلى موقعها وصياغة ما تم تنسيقه بشكل غير صحيح.

    "العلامات" الأساسية للتخطيط الصحيح

    يحتوي التخطيط الصالح على تعليمات برمجية تتوافق تمامًا مع متطلبات W3C (اتحاد شبكة الويب العالمية)، الذي يقوم بتطوير معايير التكنولوجيا للإنترنت بالكامل.

    إذا كان الكود الموجود على صفحات الموقع صحيحاً، فسيتم عرض الموقع بشكل صحيح (وليس معوجاً) في جميع المتصفحات.

    لا توجد شبهات "تخفيض" غير عادل في نتائج البحث ولا توجد صفحات محذوفة من الفهرس.

    ..

    , مثال. إذا، لنفترض أن العلامات غير صحيحة

    (على وجه الخصوص، عنصر الإغلاق مفقود)، فلن يقوم محرك البحث بتصحيح أي شيء - سوف يفسره كما هو مكتوب بالأبيض والأسود في الكود. ونتيجة لذلك، قد تنشأ عواقب تتعلق بالترويج للموقع.

    هل التخطيط الصحيح مهم في الترويج لموقع الويب؟

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

    كما أجرى متخصص آخر، وهو مايك ديفيدسون، تجربة مماثلة وتوصل إلى نتيجة مفادها أن جوجل تصنف الصفحات بناءً على جودة كتابتها. على سبيل المثال، يمكن أن تتسبب العلامة غير المغلقة في إدراك جزء من المحتوى على أنه قيمة تلك العلامة.

    لقد أوضح مشرف الموقع هذا نقطة مهمة جدًا:

    من المستحيل أن نقول على وجه اليقين مدى قوة التصنيف يعتمد على صحة الكود، ولكن من المؤكد تمامًا أن أوجه القصور الموجودة يمكن أن تؤدي إلى إزالة الصفحات أو الموقع بأكمله من فهرس محرك البحث.

    لماذا هناك حاجة إلى رمز صالح؟

    يسمح الرمز الصالح بعرض الصفحات بشكل صحيح في المتصفحات (وقد لا يتم عرض أنماط CSS للموقع بشكل صحيح).

    علاوة على ذلك، من الممكن أن يتم عرض موقعك في أحد المتصفحات بالطريقة التي قمت بتكوينها بها، وفي متصفح آخر - بشكل مختلف تمامًا. قد تكون الصورة منحرفة وقد يصبح المحتوى غير قابل للقراءة تمامًا.

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

    تخيل أن الزوار يأتون إلى موقعك ويغلقونه على الفور بسبب عدم القدرة على إدراك المعلومات - بسبب وجود أخطاء في الكود. أو يعودون عمومًا إلى محرك البحث لأنه لم يتم العثور على حل. كل هذا سيضر، لأنه في النهاية العامل السلوكي سيغير وضع الموقع إلى الأسوأ.

    كيفية التحقق من صحة الموقع

    للتحقق من سلامة الكود، غالبًا ما يستخدمون موقع التحقق المفيد جدًا "Markup Validation Service"، الموجود على: http://validator.w3.org، الذي أنشأته W3C.

    HTML

    هنا لديك ثلاثة خيارات للتحقق:

    • أدخل عنوان URL للصفحة؛
    • تحميل ملف التعليمات البرمجية من جهاز الكمبيوتر الخاص بك؛
    • الصق الكود النهائي في النموذج.

    لا تشير الخدمة إلى أخطاء كود HTML وموقعها فحسب، بل تقدم أيضًا نصائح حول كيفية إصلاحها.إذا كان الرمز متاحًا بالفعل على الويب، فيمكنك التحقق من صحته عن طريق إدخال عنوان URL الخاص به في نموذج "التحقق من صحة عنوان URL" والنقر فوق الزر "تحقق". سيقوم مدقق HTML بتمكين قراءة التعليمات البرمجية والإبلاغ عن النتائج.

    يجب عليك إدخال عنوان URL الدقيق لصفحة URL التي تقوم بفحصها. لن يتم فحص الموقع بأكمله. أدخل عنوان موقع الويب - فهو فقط الذي يعتبره البرنامج الصفحة الرئيسية. وفي حالة وجود أي ملاحظات يتم إصدار إشعار بعدم صلاحية كود البرنامج ومن ثم يتم الإشارة إلى الأسطر التي بها أخطاء.

    يشرح هذا الفيديو بوضوح عملية التحقق باستخدام أداة التحقق من الصحة:

    فحص الملفات المحلية

    على نفس العنوان http://validator.w3.org، يمكنك التحقق من الكود عن طريق تحديد علامة التبويب "التحقق من صحة تحميل الملف" وتحميل مستند يحتوي على الكود المكتوب.

    حدد المسار إلى الملف المطلوب وانقر فوق "فحص". ثم يحدث كل شيء بنفس الطريقة.

    استخدام النموذج لإدخال الرمز

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

    CSS

    يمكن أيضًا التحقق من صحة كود CSS باستخدام أداة التحقق عبر الإنترنت: https://jigsaw.w3.org/css-validator/

    كل شيء هنا باللغة الروسية، بالنسبة للكثيرين، هذه مفاجأة سارة حقًا.

    مرة أخرى، يمكنك اختيار إدخال عنوان URL، أو تحميل ملفك، أو لصق الرمز.

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

    نحن ندرس الكود الناتج ونحضر الكود الأصلي إلى النموذج المطلوب.

    ملحقات المتصفح

    هناك كل أنواع ملحقات التحقق من الصحة للمتصفحات. بالنسبة إلى Google Chrome، يوجد ملحق HTML Tidy Browser Extension الذي يتحقق من صحة الكود، بالنسبة إلى Opera - ملحق Validator، بالنسبة إلى Safari - Zappatic، بالنسبة إلى Firefor - HTML Validator.

    دعونا ننظر إلى هذا الأخير بمزيد من التفصيل. فهو ينفذ نفس عملية التحقق التي يقوم بها برنامج التحقق من الصحة، فقط في وضع عدم الاتصال. يمكنك الحصول عليه هنا http://users.skynet.be/mgueury/mozilla/

    قم بتثبيت الامتداد، وأعد تشغيل المتصفح - ويمكنك البدء في العمل على الفور. إذا كان لديك أي مشاكل في التثبيت، يمكنك الكتابة إلى دعم Mozilla Firefox أو البحث في المنتدى http://forum.mozilla-russia.org/doku.php?id=general:extensions_installing

    فيديو تفصيلي حول تثبيت HTML Validator واستخدامه:

    عند تحميل أي عنوان URL، يتم تمكين الامتداد تلقائيًا ويقرأ الكود. والنتيجة مرئية في الزاوية اليمنى العليا.

    تبدو النتيجة كصورة صغيرة مع نتيجة التحقق من الصحة:

    من خلال النقر على النتيجة، يمكنك فتح:
    - كود المصدر؛
    — الأخطاء - في الجزء السفلي الأيسر (أو رسالة حول الصلاحية)؛
    - توجد نصائح لتصحيح الأخطاء في الجزء السفلي الأيمن.

    كيفية إصلاح الأخطاء الأكثر شيوعا

    بغض النظر عن كيفية التحقق من الكود، تظهر الأخطاء في القائمة. ويجب أيضًا تحديد الخط الذي يحتوي على العيب.

    قبل تحرير التعليمات البرمجية، فقط في حالة، يجب عليك القيام بذلك نسخة احتياطيةقالب الموقع.

    في ملحق Firefox، عندما تنقر على اسم الخطأ في نافذة الامتداد المفتوحة، تتم إعادة توجيهك تلقائيًا إلى سطر يحتوي على رمز غير صالح.

    تحتوي هذه الأخطاء نفسها على نصائح حول كيفية تصحيحها.
    اسمحوا لي أن أقدم لكم بعض الأمثلة.

    1. لا توجد مسافة بين السمات.
    …rel=”رمز الاختصار” href=”http://arbero.ru/favicon.ico” type=”image/x-icon”

    هنا التصحيحات هي إزالة "الفاصلة المنقوطة".

    2. علامة النهاية للعنصر "div" غير المفتوح

    علامة div للإغلاق زائدة عن الحاجة. دعونا إزالته.

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

    على الرغم من ذلك، بصراحة، لن أبذل الكثير من الجهد على الأخطاء الموجودة في الكود. من الأفضل التأكد من أن الموقع يبدو صحيحًا على جميع الأجهزة والمتصفحات.

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

    بمزيد من التفصيل، سأصف بالتفصيل كيف وبأي برامج للتحقق من كود HTML بحثًا عن الأخطاء، وما هو اتحاد شبكة الويب العالمية، والذي يُعرف بشكل أفضل باختصار W3C، وسأحدد المصطلحات المهمة. لن تساعدك المعلومات المقدمة في المقالة على التحقق من صحة صفحات موقع الويب فحسب، بل ستساعدك أيضًا بشكل أكثر تحديدًا على فهم مفهوم التحقق من الصحة بشكل عام. دعونا نبدأ!

    يحتاج كل برنامج إلى درجتين ب: التحقق من الصحة والتحقق.

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

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

    لذا، تصديق- هذا هو التحقق من المستند الذي تم إنشاؤه باستخدام رمز الأخطاء في تهجئة العناصر، والامتثال للمعايير الموحدة العالمية التي وضعها W3C، والمواصفات المقررة للغة نفسها.

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

    • علامات أو سمات أو خصائص مكتوبة بشكل غير صحيح؛
    • تمت إضافة أقواس إضافية؛
    • تم اكتشاف عنصر غير مغلق؛
    • النوع غير محدد أو تم تحديده بشكل غير صحيح;
    • تم إدراج العلامات بشكل غير صحيح؛
    • لم يتم تحديد السمات المطلوبة.

    الآن دعونا نلقي نظرة على التحقق.

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

    ما هو الغرض من اتحاد شبكة الويب العالمية؟

    W3 Consortium هي منظمة كاملة متخصصة في تطوير وتنفيذ معايير موحدة لموارد الإنترنت وبشكل عام. تسمى جميع المعايير المقبولة توصيات W3 ويتم تنفيذها في جميع الحلول التكنولوجية وفي خدمات الويب.

    وهذا يساهم في تحسين الشبكة العالمية، ومرونتها، وتعدد استخداماتها، فضلاً عن تحقيق التوافق الكامل بين المعدات ومنتجات البرمجيات التي تم إنشاؤها.

    تنتج W3C أيضًا حزم البرامج الخاصة بها، بما في ذلك validator.w3.org. هذه إحدى أشهر الخدمات للتحقق من صحة الكود.

    يدعم موقع الويب validator.w3.org التحقق من البرنامج في ثلاثة أوضاع: الوضع عبر الإنترنت للتحقق من الكود المُدخل في مربع الحوار، والتحقق من الصحة باستخدام رابط إلى أحد الموارد، والتحقق من الملف الذي تم تحميله.

    الآن دعونا نلقي نظرة فاحصة على كيفية عمل هذه الخدمة.

    • إذا تم بالفعل نشر متجرك عبر الإنترنت أو مدونتك أو أي نوع آخر من موارد الويب على الإنترنت، فلن يكون من الصعب عليك ببساطة لصق العنوان في مربع الحوار المقدم والنقر فوق الزر "تحقق".
    • في المرحلة الأولية من إنشاء موقعك، يمكنك التحقق من صلاحيته عن طريق تنزيل الملفات نفسها. يجدر تحديد المسار إلى الملف مع الاستمرار في النقر على زر "التحقق".
    • في بعض الأحيان تكون هناك حاجة للتحقق من جزء معين من الكود. لهذا الغرض، هناك طريقة التحقق الثالثة. الصق أو اكتب الجزء المطلوب من نص البرنامج في مربع الحوار وأرسله للمراجعة.

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

    المزيد من الإضافات بالنسبة لي!

    اليوم، ربما لكل واحد موجود، تم إنشاء ملحقات للتحقق من صحة الموارد عبر الإنترنت. نظرًا لأن المحادثة قبل ذلك كانت حول W3C، سأخبرك أولاً عن المنتج الذي أنشأته هذه المنظمة.

    لذلك، HTML Validator لمتصفح فايرفوكس و. نظرًا لأن هذه المتصفحات تحتل مكانة مرموقة بين القادة، فقد أنشأت المنظمة العالمية أداة التحقق من HTML مدمجة لها. لقد تم تصميمه بناءً على مبدأ موقع الويب validator.w3.org، ولكنه يتمتع بميزة واضحة - فهو يعمل بدون اتصال بالشبكة.

    يمكنك تثبيت الامتداد المقدم بثلاث طرق:

    1. من خلال لوحة الامتدادات المألوفة؛
    2. من خلال تحديد مسار الوثيقة بالامتداد؛
    3. تحميل وجها لوجه. في ملفات النظامتحتاج إلى العثور على دليل Firefox (على سبيل المثال، C:\Program Files\Chrome أو C:\Program Files\Mozilla Firefox)، وفيه دليل الامتداد الفرعي، حيث يتم نسخ الامتداد.

    بعد إعادة تشغيل المتصفح، سيصبح الامتداد ساري المفعول.

    HTML Validator سهل الاستخدام للغاية. إنه لا يعمل باللغة الروسية، ولكن لديه واجهة بديهية.

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

    يمكنك عرض الرمز مباشرة في متصفحك باستخدام وظيفة "العرض". كود المصدرالصفحات" أو مفتاح الاختصار F12.

    عدد قليل من البرامج للتحقق من صحتها

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

    والآن أريد إضافة مكافأة صغيرة في شكل وصف لخدمة واحدة عبر الإنترنت تتحقق من كود جميع لغات الويب الشائعة، ومجهزة بمحول والعديد من الأشياء المفيدة الأخرى. هذا الموقع هو http://www.freeformatter.com. فهو يتحقق من نص HTML وحتى استعلامات XPath.

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

    يمكنك التحقق من أخطاء CSS باستخدام الخدمة:

    عند تنفيذ التصميم، يتبادر إلى ذهن كل مشرف موقع التحقق من موقعه للتأكد من صحة الكود وصلاحيته. لكن معظم المواقع (حتى الأكثر شهرة)، إذا قمت بفحص الكود الخاص بها للتأكد من صلاحيته، تحتوي على أخطاء. دعونا معرفة ما هو متصل بهذا.

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

    الصلاحية وكبار المسئولين الاقتصاديين

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

    رمز صالح-غير صالح

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



    مقالات ذات صلة
    • أنواع
    • التعليمات
    • مقارنة
    • مفتاح مجاني
    • المعاينة الفنية
    • أخبار
    مقالات شعبية
    مقالات جديدة