13

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

  • Elalfi_Web

بدأت تعلم الويب منذ ست سنوات لكني حينها كنت أعبث فقط بالوسوم والنصوص وأنقطعت عن هذا المجال بسبب الدراسة لكن وبعد كل هذه السنين قررت أن أتعمق في مجال تصميم وتطوير المواقع (أعرف الفرق بينهما) وفتحت حساب تويتر لأشارك فيه تجربتي لكن بعد الإطلاع على موقع

https://www.w3schools.com

وتعلم الوسوم بدأت أتسأل لماذا توجد مثل تلك الوسوم أليس من الممكن إستعمال div بخصائص معينة أو class معين بدلا من إستخدام وسوم جديدة.

أرجوا من ذو الخبرة مشاركتي ببعض من معرفته.

هذا حسابي في تويتر:

https://twitter.com/ElalfiWeb

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تحياتي,,

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

أستفدت حقا من الرابط الذي تركته، شكرا لك مرة أخرى.

يسعدني ذلك أخي. في الخدمة دائماً :)