ما فائدة وسوم كـ code, kbd وغيرها من وسوم HTML

لأن وظيفة HTML هي وصف محتويات الصفحة ، فلماذا تستخدم table مثلا وبإمكانك تحويل مجموعة من div لـ table باستخدام css display مع إعطاء أي div تريد تحويلها لجدول class باسم table مثلا ؟؟ ببساطة لأن table مخصصة لهذا الأمر وبمجرد الاطلاع السريع على الصفحة ستفهم الهدف من كل tag إذا كان منظما ، لكن استخدام div و span في كل شيء لن يساعد على الوصف الدقيق لما تحتويه صفحتك حتى لو استخدمت class ، فالكلاس فعليا يستخدم لإضافة وصف إضافي للعنصر ، مثلا تستخدم العنصر table الذي يوصف عن طريق الكلاس بأنه borderd مثلا أو scrollable وهكذا ، فالكلاس غالبا يستخدم لإضافة وصف إضافي للعنصر .

فحاول استخدام كل عنصر بالشكل المخصص له ، فاستخدم < header > بدلا من < div id="header" > فهذا يساعد على وصف الصفحة بشكل أفضل.

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

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

هذه الوسوم صٌممت لتساعد في أمرين:-

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

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

هذه هي الأسباب الأساسية لوجود هذه الوسوم.

ولأنك (كما قلت) مبتدئ، أعلم أن لديك أسئلة كثيرة تدور في ذهنك، ولتكون إجابتي مكتملة ... سأسأل وأجيب على بعض الأسئلة التي قد تدور في ذهنك:

هل يمكنني تصميم الموقع كامل باستخدام div's فقط ؟

• الإجابة: نعم بالتأكيد، يمكنك الاستغناء عن تلك الوسوم واستبدالها بـ div's فقط. مع عمل التنسيق (styling) باستخدام طرق الاستهداف في css مثل (class) و (id) وغيرها.

هل تعتبر هذه الفكرة صائبة؟

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

هل يجب أن أحفظ هذه الوسوم؟

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

هذه الوسوم مثلها مثل بعض الخصائص، مثل تلك الموجودة في الوسم a ..

<a href="#" rel="author">حامد</a>

فهذا مثال لـ رابط تشعبي عادي، ولكننا هنا قمنا بإضافة هذه الخاصية الجديدة (rel) والتي هي اختصار لـ Relationship وتعني (العلاقة) .. ويقصد منها هنا العلاقة بين هذا الرابط التشعبي والصفحة التي نحن متواجدون فيها حالياً.. وقد جعلت قيمة هذه الخاصية (author) لتخبر المتصفح ومحركات البحث أن هذا الرابط التشعبي يؤدي بنا إلى صفحة لها علاقة بمؤلف هذه الصفحة أو هذه الفقرة.

للاطلاع على المزيد من هذه الخاصية والقيم الممكنة الخاصة بها، يمكنك الاطلاع على هذا الرابط:

تحياتي,,

لا اظن أنك وقعت على مدرس جيد للغة.

عموماً الاجابة على سؤالك بين طيات اسم اللغة نفسها، والذي هو اختصار لجملة Hyper Text Markup Language.

اذهب وادرس معنى الجملة السابقة وستجد اجابتك :)