Skip to main content

ما هي HTML الدلالية ولماذا يجب عليك استخدامها

أساسيات html :الدرس9:وسم head-meta والكلمات الدلالية keywords (أبريل 2025)

أساسيات html :الدرس9:وسم head-meta والكلمات الدلالية keywords (أبريل 2025)
Anonim

من المبادئ المهمة لحركة معايير الويب المسؤولة عن الصناعة التي لدينا اليوم فكرة استخدام عناصر HTML لما هي عليه بدلاً من ظهورها في المتصفح بشكل افتراضي. هذا هو المعروف باسم استخدام HTML الدلالي.

ما هو HTML الدلالي

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

تشير إلى أن النص المرفق هو فقرة.

هذا هو كل الدلالي والعرض ، لأن الناس يعرفون ما هي الفقرات والمتصفحات تعرف كيفية عرضها.

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

تتضمن أمثلة علامات HTML الدلالية علامات الرأس

عبر
,
, و . هناك العديد من علامات HTML الدلالية التي يمكن استخدامها عند إنشاء موقع ويب متوافق مع المعايير.

لماذا يجب أن نهتم حول علم الدلالة

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

يتم توصيل ذلك الوضوح أيضًا بمحركات البحث ، مما يضمن تسليم الصفحات الصحيحة للاستعلامات الصحيحة.

توفر علامات HTML الدلالية معلومات حول محتويات تلك العلامات التي تتجاوز مجرد مظهرها على الصفحة. النص المضمن في يتم التعرف على العلامة فورًا على أنها نوع من أنواع لغة الترميز.

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

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

استخدم العلامات الدلالية بشكل صحيح

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

  • blockquote - بعض الناس يستخدمون
    لترك النص غير الاقتباس. ويرجع ذلك إلى أن المسافة المقطوعة للقفز معلقة بشكل افتراضي. إذا كنت تريد فقط الاستفادة من المسافة البادئة ، لكن النص ليس علامة اقتباس ، فاستخدم هوامش CSS بدلاً من ذلك.
  • ص - يستخدم بعض محرري الويب (مكان غير قابل للكسر يحتوي على paragraoph) لإضافة مسافة إضافية بين عناصر الصفحة ، بدلاً من تعريف الفقرات الفعلية لنص تلك الصفحة. كما هو الحال مع مثال الطعج المذكور سابقًا ، يجب استخدام خاصية نمط الهامش أو الحشو لإضافة مسافة.
  • ul - مثل blockquote ، ترفق النص داخل
      tag بادئة هذا النص في معظم المتصفحات. هذا هو كلام HTML غير صحيح وغير صحيح ، كما هو الحال فقط
    • العلامات صالحة داخل
        العلامة. مرة أخرى ، استخدم نمط الهامش أو الحشو لنص مسافة بادئة.
    • h1 – h6 - يمكن استخدام العلامات الرأسية لجعل الخطوط أكبر وأكثر جرأة ، ولكن إذا كان النص ليس عنوانًا ، فيجب ألا يكون داخل علامة عنوان. استخدم خصائص CSS للخط والخط بحجم CSS بدلاً من ذلك إذا كنت تريد تغيير حجم أو وزن نص معين في صفحتك.
    • باستخدام علامات HTML التي لها معنى ، يمكنك إنشاء صفحات تنقل معلومات أكثر من مجرد إحاطة كل شيء بها

      العلامات.

      ما هي علامات HTML التي هي الدلالي؟

      في حين أن كل علامة HTML4 تقريبًا وكل علامات HTML5 لها معنى دلالي ، فإن بعض العلامات هي في المقام الأول ذات طبيعة دلالية.

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

      العلامات الدلالية HTML

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