ما هي فوائد بنية HTML الدلالية؟

أعتقد أن الجميع يعرف html وcss، ويعرف الفصل بين بنية html وأداء css، ويعرف دلالات html. هذه كلمات رئيسية شائعة في السنوات الأخيرة. بدأت لغة HTML الدلالية تحظى بشعبية في الصين منذ عام أو عامين فقط، بالنظر إلى بنية HTML التي تمت مناقشتها في المجموعة الآن، وأسئلة المقابلة حول بنية HTML، وحسابات HTML الدلالية لجزء كبير. فلماذا نستخدم HTML الدلالي؟ ما هي فوائد HTML الدلالي؟

توفر لغة HTML البنية السياقية ومعنى محتوى مستند الويب؛ ولا يوجد تمثيل لـ html نفسه، على سبيل المثال، نرى أن <h1> غامق، وحجم الخط 2em، و<strong> غامق، لذا لا تفعل ذلك أعتقد أنه أداء HTML، فهذه هي في الواقع أنماط CSS الافتراضية لـ HTML في العمل، لذا نحتاج أولاً إلى معرفة أن HTML لا علاقة له بأداء الصفحة، فهذه أمور تتعلق بـ CSS. دور HTML في الصفحة هو الهيكل والمعنى، من حيث الشخص العادي، هو تقسيم المحتوى.

يجب أن تؤكد بنية HTML الدلالية أولاً على بنية HTML

هيكل HTML هو الهيكل العظمي للصفحة، وهيكل HTML عبارة عن جدران من الفولاذ والخرسانة لا يمكن العيش فيه أو استخدامه للعمل. CSS عبارة عن مادة زخرفية، وهي عبارة عن أرضية خشبية ورخام وطلاء، ويتم استخدامها لتزيين المنزل. وغني عن القول أن قوة CSS إذا لم يكن لها هيكل HTML، فهي مجرد كومة من الخشب يتم رسمها معًا وليس لها أي قيمة استخدامية فعلية. يعتمد CSS بالكامل على مستند HTML (X) الذي يشير إليه. إذا كنت تريد الاستفادة الكاملة من قوة CSS، فمن الضروري تزويد HTML بمحتوى نظيف ومنظم. "HTML هي اللغة المشتركة لنشر النص التشعبي على الإنترنت... يستخدم HTML العلامات لتنظيم النص. التخصيص" ( http://www.w3.org/MarkUp/ ).

كيفية كتابة بنية HTML الدلالية؟
HTML هي طريقة لإضافة البنية والمعنى (أو "الدلالات") إلى محتوى النص. سيخبرنا: "هذا السطر هو عنوان، وهذه السطور تشكل فقرة. هذه الكلمات هي قائمة بالعناصر، وهذه الكلمات هي رابط تشعبي لملف آخر على الإنترنت." يخبرنا: "هذه النصوص باللون الأزرق، وهذه النصوص باللون الأحمر. هذا الجزء من المحتوى هو العمود الموجود في أقصى اليمين، وهذا السطر من المحتوى مكتوب بخط مائل." هذه المعلومات المتعلقة بالأداء هي وظيفة CSS. عند القيام بتطوير الواجهة الأمامية، تذكر: HTML يخبرنا عن جزء المحتوى (أو معناه)، وليس كيف يبدو. عندما نتحدث عن "الترميز الدلالي"، يجب فصل HTML الذي نتحدث عنه تمامًا عن معلومات العرض التقديمي، ويجب أن تحدد العلامات الموجودة فيه بنية المستند بشكل دلالي.

إن بنية HTML الدلالية بسيطة للغاية. أولاً، افهم دلالات كل علامة في html. <div> عبارة عن حاوية؛ <ul><li> عبارة عن قائمة غير مرتبة، وما إلى ذلك رؤية المحتوى عند التفكير في التسمية التي يمكن أن تصفه بشكل أفضل، استخدم أي تسمية هي.

ما هي فوائد بنية HTML الدلالية؟

نحن نعلم أن HTML5 يحتوي على علامات جديدة، مثل <header> و<footer>، وأن HTML يتطور نحو بنية HTML أكثر قوة ودلالية، كما أن xhtml2 ليس متقدمًا مثل html5 في هذا الصدد يُظهر موت xhtml2 أيضًا أن بنية HTML الدلالية هي اتجاه تطوير html.

1. عند إزالة النمط أو فقدانه، يمكن أن تقدم الصفحة بنية واضحة:

HTML نفسه ليس له أداء. على سبيل المثال، نرى أن <h1> غامق، وحجم الخط 2em، وغامق؛ ولا تعتقد أن هذا هو أداء HTML وظيفة، لذا فإن إزالة النمط أو فقدانه يمكن أن تجعل الصفحة تقدم بنية واضحة، وهي ليست ميزة لبنية HTML الدلالية. ومع ذلك، فإن الغرض من النمط الافتراضي هو أيضًا التعبير بشكل أفضل عن دلالات html.يمكن القول أن الأنماط الافتراضية للمتصفح وبنية HTML الدلالية لا يمكن فصلهما.

2. سوف تقوم قارئات الشاشة (إذا كان الزائر ضعيف البصر) "بقراءة" صفحتك بناءً على ترميزك بالكامل .

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

3. قد لا تتمكن الأجهزة مثل أجهزة المساعد الرقمي الشخصي والهواتف المحمولة من عرض صفحات الويب مثل متصفحات الكمبيوتر العادية (عادةً لأن هذه الأجهزة لديها دعم ضعيف لـ CSS).

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

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

4. تعتمد برامج زحف محركات البحث أيضًا على العلامات لتحديد سياق وأهمية الكلمات الرئيسية الفردية.

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

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

ولذلك، إذا تم وضع علامة على عنوان ملف الصفحة بدلاً من وضع علامة عليه، فقد تظهر الصفحة في أسفل نتائج البحث، بالإضافة إلى تحسين سهولة الاستخدام، فإن العلامات الدلالية تسهل الاستخدام الصحيح لـ CSS وJavaScript لأنها توفر في حد ذاتها العديد من ". Hook" لتطبيق نمط الصفحة وسلوكها.
يعتمد تحسين محركات البحث (SEO) بشكل أساسي على محتوى موقع الويب الخاص بك والروابط الخارجية.

6. تسهيل تطوير الفريق وصيانته

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

إذا كان لديك آراء أو إضافات مختلفة، يرجى ترك رسالة للمناقشة.

شكرًا للأخ غوي، وميلك تي، وشياوزي، وسرقة الأرز، وكاسبار، ومجموعة غابة CSS على المناقشة

النص الأصلي: http://www.css88.com/archives/1668