كيفية فهم بنية 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 هو جدار من الخرسانة المسلحة الصلب. إذا لم يكن المنزل يحتوي على جدار من الخرسانة المسلحة من الصلب ، فسيكون مجموعة من الطوب ، ولا يمكن أن يعيش في أشخاص أو عمل. CSS هي مادة زخرفية ، أرضية سجل ، رخام ، طلاء ، ويستخدم لتزيين المنزل. ليست هناك حاجة لقول المزيد عن قوة CSS. إذا لم يكن لدى CSS بنية HTML ، فستكون كومة من الألواح الخشبية ، والتي يتم رسمها معًا ، دون قيمة الاستخدام الفعلي. يعتمد CSS بالكامل على مستندات HTML (X) التي تشير إليها. إذا كنت ترغب في الحصول على الطاقة الكاملة لـ CSS على أكمل وجه ، فمن الضروري جدًا توفير HTML مع كل من المحتوى النظيف والمهيكل. HTML هو المصطلح الشائع لنشر النص التشعبي على الإنترنت ... يستخدم HTML علامات لهيكل النص ( http://www.w3.org/markup/ ).

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

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

نحن نعلم أن العلامات التي تمت إضافتها حديثًا لـ HTML5 ، مثل <Header> و <tower> ، تتطور HTML نحو بنية HTML الدلالية الأكثر قوة. XHTML2 ليس متقدمًا مثل HTML5 في هذا الصدد ، وهو أيضًا سبب لوفاة XHTML2. هذا يدل أيضًا على أن هيكل HTML الدلالي هو اتجاه تطوير HTML.

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

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

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

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

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

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

يعتمد SEO بشكل أساسي على المحتوى والروابط الخارجية لموقع الويب الخاص بك.

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

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

بفضل واجهة المستخدم الرسومية ، شاي الحليب ، شياوشي ، سرقة الأرز ، مجموعة الغابات Caspar و CSS للمناقشة