في هذا الدرس سندرس المزيد من الجانب النظري من HTML.
هناك محاولات عديدة لإنشاء معيار قياسي موحد للغة HTML من خلال منظمة World Wide Web Consortium (W3C) التي أنشأها تيم برنرز لي - نعم! الرجل الرائع الذي اخترع HTML - لكن هذا يحتاج إلى وقت طويل صعب.
في الماضي - عندما كانت المتصفحات برامج تدفع بعض المال لشراءها - كان نيتسكيب هو المتصفح المسيطر، في ذلك الوقت كانت نسخة HTML المدعومة هي 2.0 والتي أعطيت لاحقاً رقم 3.2، لكن نيتسكيب والتي تملك أكثر من 90% من حصة سوق المتصفحات لم تهتم كثيراً بدعم المعايير، بل على العكس قامت بإنشاء عناصر خاصة لا تدعمها المتصفحات الأخرى.
لسنوات عدة مايكروسوفت تجاهلت الإنترنت تماماً، لكن بعد ذلك دخلوا في المنافسة مع نيتسكيب وأعلنوا عن متصفحهم الخاص، النسخة الأولى من متصفح مايكروسوفت وهو إنترنت إكسبلورر لم يكن يقدم دعماً أفضل لمعايير HTML من نيتسكيب، لكن مايكروسوفت قامت بتقديم متصفحها مجاناً وأصبح إكسبلورر لاحقاً المتصفح الأكثر شهرة وانتشاراً.
بدأ من النسخة الرابعة والخامسة من متصفح إكسبلورر ركزت مايكروسوفت على دعم المزيد من معايير HTML التي صممتها منظمة W3C، نيتسكيب لم تتمكن من تطوير نسخة جديدة من متصفحها وأكملت نشر نسخة قديمة هي النسخة الرابعة.
البقية معروفة، اليوم معايير HTML وصلت إلى الرقم 4.01 وXHTML، الآن إكسبلورر هو المسيطر على سوق متصفحات الويب بنسبة تزيد عن 90% ويدعم عناصر HTML لا يدعمها أي متصفح آخر لكنه أيضاً يقدم دعماً للمعايير القياسية، كذلك تفعل المتصفحات الأخرى مثل Mozilla وOpera ونيتسكيب.
لذلك، إذا كتبت HTML متبعاً المعايير القياسية سيظهر موقعك على كل المتصفحات - الآن وفي المستقبل ولأنك محظوظ فقد تعلمت في هذا الدرس الطريقة الجديدة الأكثر دقة لكتابة HTML وهي تسمى XHTML..
مثال 1:
إلى جانب تعريف الصفحة - السطر الأول في المثال أعلاه - فأن تحتاج أيضاً إلى إخبار المتصفح بأنك تريد كتابة XHTML، لذلك فأنت بحاجة إلى إضافة المزيد من المعلومات لوسم html، باستخدام الخاصية
في خاصية
باستخدام تعريف الصفحة "DTD" يمكن للمتصفح أن يعرف بالضبط كيف يقرأ صفحتك ويعرض ما كتبته، لذلك استخدم المثال أعلاه كقالب لكل صفحات HTML التي ستكتبها في المستقبل.
تعريف الصفحة أيضاً مهم إذا أردت أن تتأكد من أن صفحتك خالية من الأخطاء
لاختبار موقعك، ضع صفحتك على الإنترنت، الآن توجه إلى validator.w3.org واكتب عنوان الصفحة "URL" وقم باختبارها، إذا كانت صفحتك خالية من الأخطاء سترى رسالة تهنئة بذلك! وإلا ستجد تقريراً بالأخطاء يخبرك بالضبط عن ماذا وأين قمت بكتابة أمر بشكل خاطئ، قم بعمل بعض الأخطاء قاصداً لترى كيف تعمل هذه الخدمة.
مدقق الأخطاء ليس مفيداً فقط لكشف الأخطاء، بعض المتصفحات ستحاول أن تصحح أخطاء HTML في الصفحات بعرضها مع تخمين ما كان يريد مصمم الصفحة فعله، مع مثل هذه المتصفحات يمكن ألا ترى الخطأ أبداً، على كل حال، المتصفحات الأخرى تعمل بطريقة مختلفة وقد لا تعرض الصفحة بأي شكل، لذلك مصحح الأخطاء يخبرك عن أخطاء قد لا تعلم بوجودها.
قم بالتأكد من خلو صفحاتك من الأخطاء واحرص على أن تظهر بشكل صحيح دائماً.
ما الذي يمكن معرفته أيضاً عن HTML؟
يمكنها أن تكتب بطرق مختلفة، والمتصفحات يمكنها أن تقرأ HTML بطرق مختلفة، يمكن أن تقول بأن HTML لها عدة لهجات، هذا هو سبب ظهور بعض المواقع بشكل مختلف في متصفحات مختلفة.هناك محاولات عديدة لإنشاء معيار قياسي موحد للغة HTML من خلال منظمة World Wide Web Consortium (W3C) التي أنشأها تيم برنرز لي - نعم! الرجل الرائع الذي اخترع HTML - لكن هذا يحتاج إلى وقت طويل صعب.
في الماضي - عندما كانت المتصفحات برامج تدفع بعض المال لشراءها - كان نيتسكيب هو المتصفح المسيطر، في ذلك الوقت كانت نسخة HTML المدعومة هي 2.0 والتي أعطيت لاحقاً رقم 3.2، لكن نيتسكيب والتي تملك أكثر من 90% من حصة سوق المتصفحات لم تهتم كثيراً بدعم المعايير، بل على العكس قامت بإنشاء عناصر خاصة لا تدعمها المتصفحات الأخرى.
لسنوات عدة مايكروسوفت تجاهلت الإنترنت تماماً، لكن بعد ذلك دخلوا في المنافسة مع نيتسكيب وأعلنوا عن متصفحهم الخاص، النسخة الأولى من متصفح مايكروسوفت وهو إنترنت إكسبلورر لم يكن يقدم دعماً أفضل لمعايير HTML من نيتسكيب، لكن مايكروسوفت قامت بتقديم متصفحها مجاناً وأصبح إكسبلورر لاحقاً المتصفح الأكثر شهرة وانتشاراً.
بدأ من النسخة الرابعة والخامسة من متصفح إكسبلورر ركزت مايكروسوفت على دعم المزيد من معايير HTML التي صممتها منظمة W3C، نيتسكيب لم تتمكن من تطوير نسخة جديدة من متصفحها وأكملت نشر نسخة قديمة هي النسخة الرابعة.
البقية معروفة، اليوم معايير HTML وصلت إلى الرقم 4.01 وXHTML، الآن إكسبلورر هو المسيطر على سوق متصفحات الويب بنسبة تزيد عن 90% ويدعم عناصر HTML لا يدعمها أي متصفح آخر لكنه أيضاً يقدم دعماً للمعايير القياسية، كذلك تفعل المتصفحات الأخرى مثل Mozilla وOpera ونيتسكيب.
لذلك، إذا كتبت HTML متبعاً المعايير القياسية سيظهر موقعك على كل المتصفحات - الآن وفي المستقبل ولأنك محظوظ فقد تعلمت في هذا الدرس الطريقة الجديدة الأكثر دقة لكتابة HTML وهي تسمى XHTML..
كيف أعرف أي نسخة أستخدم؟
مع وجود نسخ مختلفة من HTML، فأنت تحتاج إلى أن تخبر المتصفح عن نوع HTML الذي تستخدمه، في حالتنا نحن نستخدم XHTML، ولكي نخبر المتصفح علينا أن نستخدم ما يسمى "Document Type Declaration"، أو نوع الوثيقة، وهذا يكتب دائماً في أول سطر من الصفحة:مثال 1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Title</title>
</head>
<body>
<p>text text</p>
</body>
</html>
xmlns
وlang
.xmlns
هي اختصار "XML-Name-Space" ويجب دائماً أن تحوي هذه القيمة: http://www.w3.org/1999/xhtml، هذا كل ما تحتاج لمعرفته، لكن إن كنت تتوق لمعرفة المزيد من يمكنك أن تقرأ حول هذا الموضوع في موقع W3C.في خاصية
lang
أنت توضح أي لغة كتبت بها الوثيقة، لهذا المعايير ISO 639 تستخدم، وهي قائمة برموز كل اللغات في العالم، في المثال أعلاه استخدامنا اللغة الإنجليزية "en".باستخدام تعريف الصفحة "DTD" يمكن للمتصفح أن يعرف بالضبط كيف يقرأ صفحتك ويعرض ما كتبته، لذلك استخدم المثال أعلاه كقالب لكل صفحات HTML التي ستكتبها في المستقبل.
تعريف الصفحة أيضاً مهم إذا أردت أن تتأكد من أن صفحتك خالية من الأخطاء
تصحيح الأخطاء؟ لماذا علي فعل ذلك؟
قم بإدخال تعريف الصفحة إلى صفحات موقعك دائماً ويمكنك أن تتأكد من أن صفحاتك خالية من الأخطاء باستخدام خدمة W3C's validator المجانية.لاختبار موقعك، ضع صفحتك على الإنترنت، الآن توجه إلى validator.w3.org واكتب عنوان الصفحة "URL" وقم باختبارها، إذا كانت صفحتك خالية من الأخطاء سترى رسالة تهنئة بذلك! وإلا ستجد تقريراً بالأخطاء يخبرك بالضبط عن ماذا وأين قمت بكتابة أمر بشكل خاطئ، قم بعمل بعض الأخطاء قاصداً لترى كيف تعمل هذه الخدمة.
مدقق الأخطاء ليس مفيداً فقط لكشف الأخطاء، بعض المتصفحات ستحاول أن تصحح أخطاء HTML في الصفحات بعرضها مع تخمين ما كان يريد مصمم الصفحة فعله، مع مثل هذه المتصفحات يمكن ألا ترى الخطأ أبداً، على كل حال، المتصفحات الأخرى تعمل بطريقة مختلفة وقد لا تعرض الصفحة بأي شكل، لذلك مصحح الأخطاء يخبرك عن أخطاء قد لا تعلم بوجودها.
قم بالتأكد من خلو صفحاتك من الأخطاء واحرص على أن تظهر بشكل صحيح دائماً.
درس HTML - جدول المحتويات
- مقدمة
مقدمة قصيرة للدرس وما يمكن أن تتعلم فيه. - الدرس الأول: لنبدأ
تعرف على الأدوات التي تحتاجها لإنشاء موقعك. - الدرس الثاني: ما هي HTML؟
تعرف على HTML وما تعنيه. - الدرس الثالث: العناصر والوسوم؟
ما هي العناصر والوسوم وفي ما تستخدم. - الدرس الرابع: إنشاء موقعك الأول
تعلم إنشاء وثيقة HTML الأولى - القالب الأساسي للصفحات الأخرى. - الدرس الخامس: ماذا تعلمت حتى الآن؟
ملخص ما تعلمته حتى الآن وما ستتعلمه في الدروس القادمة. - الدرس السادس: المزيد من العناصر
تعرف على العناصر السبعة الأكثر استخداماً. - الدرس السابع: الخصائص
تعلم إضافة المزيد من المعلومات للوسوم وتكوين أوامر واضحة. - الدرس الثامن: الروابط
اكتشف كيف تقوم بإنشاء رابط بين صفحتك وأي صفحة على الإنترنت. - الدرس التاسع: الصور
اكتشف كم هو سهل وبسيط أن تضيف صوراً لصفحتك. - الدرس العاشر: الجداول
قم بإنشاء الجداول لعرض المحتويات. - الدرس الحادي عشر: المزيد حول الجداول
المزيد من الأوامر المتقدمة لإنشاء الجداول. - الدرس الثاني عشر: التصميم (CSS)
استوعب كيف يمكن لتقنية CSS أن تستخدم لإنشاء تصميم لصفحتك. - الدرس الثالث عشر: نشر الصفحات
نشر صفحاتك على الإنترنت ليستطيع الآخرون الإطلاع عليها. - الدرس الرابع عشر: المعايير القياسية
تعلم المعايير القياسية للغة HTML وكيف تتأكد بأن ما كتبته صحيح. - الدرس الخامس عشر: النصائح الأخيرة
نصائح مختلفة لموقع أفضل.
ليست هناك تعليقات:
إرسال تعليق