تبادل الخبرات من خلال التحقق القياسي W3C XHTML1.0

تتناول هذه المقالة بعض تجارب مستخدمي الإنترنت عند إجراء التحقق W3C XHTML1.0 عند تحديث موقع الويب وضبطه.

يلخص تسع قضايا يجب الانتباه إليها عند اجتياز معيار W3C XHTML1.0:

1. ما هي الأخطاء في العبارة <div class=tzh>أنا TZH!</div>؟

قضايا علامات الترقيم. هذه هي في الواقع المشكلة الأكثر سهولة التي يتم التغاضي عنها، في الواقع، هناك علامتا اقتباس صغيرتان فقط تتسببان في حدوث هذا الخطأ. على الرغم من أن العديد من المتصفحات لا تزال تتعرف على العرض بشكل صحيح بدون علامات الاقتباس. ومع ذلك، من المستحيل اجتياز معيار W3C XHTML الدولي الصارم. يرجى تذكر أن علامة المساواة يجب أن تتبعها علامات الاقتباس. الكتابة الصحيحة: <div class="tzh">أنا TZH!</div>

2. ما الأخطاء في الجملة <SPAN class="tzh">TZH is me!</SPAN>؟

انتبه إلى الكتابة بالأحرف الكبيرة. هذه، مثل السؤال الأول، هي مسألة تفصيلية من السهل التغاضي عنها بشكل خاص. الكتابة بالأحرف الكبيرة غير مسموح بها على الإطلاق في معيار W3C، ما زلت أتذكر أنه عندما كنت أختبر جزءًا من كود JavaScript، تم الحكم أيضًا على أن onLoad الذي كتبته لتوضيح الأمر لنفسي هو خطأ، والسبب هو أنه لا يمكن كتابة حرف L بالأحرف الكبيرة . الكتابة الصحيحة: <span class="tzh">TZH هو أنا!</span>

3. ما هي الأخطاء في الجملة <p>أنا TZH!</p><br><p>TZH هو أنا!</p>؟

<br />مشاكل العلامات. أما بالنسبة لعلامة فاصل الأسطر الإجبارية <br />، فلا يستطيع العديد من المبتدئين التمييز بينها وبين <br>، حتى في محرر FCKeditor، يظهر <br> أحيانًا من وقت لآخر ليكون بمثابة <br /> . على الرغم من أن العديد من المتصفحات يمكنها تصحيح الأخطاء تلقائيًا والتعرف على <br> على أنها <br />. لكن أفضل طريقة للتحرير لا تزال موصى بها وهي استخدام Dreamweaver للتحرير. عندما تضغط على Ctrl+Enter، ستتم كتابة <br /> تلقائيًا. الطريقة الصحيحة للكتابة: <p>أنا TZH!</p><br /><p>TZH هو أنا!</p>

4. <h1>~tangzhehao~hey~</h1> ما الأخطاء في هذه الجملة؟

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

5. ما الأخطاء في جملة <form id="54tzh"></form>؟

انتبه إلى الحالات الخاصة للمعرف والفئة. ينص معيار W3C XHTML1.0 على أنه في المعرف أو الفئة، لا يمكن أن يكون الحرف الأول رقمًا ويجب أن يكون حرفًا. الكتابة الصحيحة: <form id="tzh45"></form>

6. ما هي الأخطاء الموجودة في عبارة <img src="logo.gif">؟

انتبه إلى العلامة <img>. ينص معيار W3C XHTML1.0 على ضرورة تضمين العنصر البديل في العلامة <img>. الكتابة الصحيحة: <img alt="Logo" src="logo.gif">

7. ما الأخطاء الموجودة في عبارة <script language="JavaScript">؟

انتبه إلى علامة <script>. ينص معيار W3C XHTML1.0 على ضرورة تضمين عنصر النوع في علامة <img>. الكتابة الصحيحة: <script language="JavaScript" type=text/javascript>

8. ما الأخطاء في الجملة <div><h1>أنا TZH!</div></h1>؟

انتبه إلى ترتيب البداية والنهاية المقابل للعلامات. الكتابة الصحيحة: <div><h1>أنا TZH!</h1></div>

9. بالإضافة إلى ما سبق، ما هي القضايا الأخرى التي يجب الاهتمام بها؟

احترس من الحزم الخاصة. على سبيل المثال: <dl><dd><ul><li> والعلامات الخاصة الأخرى لا غنى عنها في التسلسل المحدد. العلامات الأربع <dl><dd><ul><li> يجب أن تكون مكتوبة بالكامل بالترتيب. هناك العديد من تلك المماثلة.

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

تلخيص بعض التجارب حول معايير W3C CSS:

1. استخدم كمية أقل من الجوانب. من الأفضل استخدام CSS أقل سرية مثل Break-Word، والطبقات اليدوية باستخدام Z-Index، والمحاذاة الرأسية، وما إلى ذلك، لأنه قد لا تدعمها جميع المتصفحات، ومن الصعب للغاية اجتياز اكتشاف W3C.

2. center ليس قيمة عائمة. العديد من المبتدئين سوف يخطئون بين قيمة center وقيمة float، لكن الأمر ليس كذلك. center هو مجرد قيمة محاذاة النص.

3. لا يمكن أن تتضمن المحاذاة قيمتين. سيقوم العديد من المبتدئين بملء قيمتين في التعويم أو محاذاة النص، مثل: float:left top. هذا غير مسموح به ولا يتعرف عليه المتصفح.

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

5. إعدادات شريط التمرير منفصلة. في الوقت الحاضر، غالبًا ما يتم استخدام overflow-x (شريط التمرير الأفقي) أو overflow-y (شريط التمرير العمودي). عند تعيين هذا، غالبًا ما نجد أنه ليس له تأثير على جميع العملاء، فمن الأفضل ضبطه في الجسم ويتم تعيين HTML في نفس الوقت. ومع ذلك، فإن CSS هذا غير مدعوم بواسطة CSS2.1 (CSS2.1 يدعم التجاوز ويحدد أشرطة التمرير الأفقية والرأسية لم تكن طريقة التعريف هذه مدعومة حتى CSS3). استخدم أقل قدر ممكن.

6. إذا كانت الخلفية واللون متماثلين، فسيتم تحذيرك.