لبعض الوقت ، وجدت أن الكثير من الناس لا يعرفون كيفية استخدام XHTML. ليس فقط المبتدئين العاديين ، ولكن بعض المبرمجين ليسوا واضحين للغاية حول كيفية كتابة XHTML. هنا سألخص بعض مشاكل التطبيق الشائعة ، والتي يمكن أن تمكن الجميع من تشكيل فهم ضمني في التواصل والتعاون.
هناك العديد من العلامات في XHTML ، ولكن لا يوجد سوى عدد قليل منها يستخدم غالبًا ، وتحتاج فقط إلى إتقانها. دعونا ندرجهم واحدًا تلو الآخر: Div ، P ، Span ، UL ، LI ، DL ، DT ، DD ، A ، IMG ، H ، Strong ، EM
Div في ذهني ، أفكر دائمًا في الأمر كزجاجة أو صندوق ، وأشعر أنه صعب للغاية. لا يحتوي هذا DIV على معنى مميز ويمكن استخدامه في العديد من الأماكن ، مما يعني أنه يمكنه تثبيت أشياء مختلفة. طريقته الصحيحة في الكتابة هي أنه يجب أن يكون هناك ختم. يستخدمه الجميع للتخطيط وأيضًا لتخزين المقالات لتشكيل فقرات. في الواقع ، هذا النهج ليس جيدًا جدًا ، لأنه كجزء من مقال ، هناك بطبيعة الحال علامة محددة لاستخدامها. هذه هي علامة <p> </p> التي سيتم مناقشتها أدناه ، ولكن يتم استخدام Div لتغطية جميع الفقرات ككل. هذا عملي للغاية.
P هذه علامة مع دلالات محددة تمثل فقرات وتستخدم لتمييز الفقرات. في معظم المتصفحات ، يوجد في الأساس هامش لأعلى ولأسفل لـ P. ومع ذلك ، لا يوجد مسافة بادئة للرأس لأن مسافة البادئة للرأس ليست سوى وسيلة لتمثيل الفقرات ولكنها ليست ضرورية أو ضرورية. لذلك ، عند استخدام علامات P ، يمكنك تعيين المسافة البادئة لـ P. أوصي بعدم استخدام P خارج المقالة ، لأن P لديه بعض الدلالات ، وقد لا يكون ذلك مناسبًا إذا تم استخدامه في أماكن أخرى. الطريقة الصحيحة للكتابة هي <p> </p>
تمتد هذا أيضًا علامة شائعة الاستخدام. يمكن القول أن هذه العلامة تشبه إلى حد كبير Div وليس لها معنى محدد. إنه مجرد عنصر متتالي ، وليس عنصرًا على مستوى الكتلة. لطالما اعتبرتها حقيبة. ليس لها عرضها وارتفاعه مثل صندوق. يمكن أن يعتمد عرضه وارتفاعه فقط على كمية المحتوى ، لذلك فهو يشبه الحقيبة. هذه العلامة مكملة تمامًا لـ Div.
ul ، li هذه قائمة. في القائمة ، بالإضافة إلى UL ، هناك OLS ، لكنني أعتقد أن OL عديمة الفائدة قليلاً. لأن UL يمكن أن يكون لها أيضًا تأثير فرز رقم OL من خلال تعريف CSS. لذلك لا أوصي بشكل عام باستخدام OL ، فقط لديك UL. UL على مستوى الكتلة ، وطفله LI هو أيضًا علامة على مستوى الكتلة. الطريقة الصحيحة للكتابة هي <ul> <li> </li> </ul> يتم لف علامة LI بواسطة علامة UL. يمكن أن يكون هناك عدد لا يحصى من علامات LI في علامة UL ، ولا يمكن استخدام علامة LI بشكل مستقل. بالإضافة إلى ذلك ، يجب أن تكون ملصق LI مغلقًا ، والتي ليست فقط مسألة جماليات ، ولكنها مفيدة جدًا للصيانة اللاحقة. لا يحب العديد من المبرمجين حظر هذا LI. الغرض من قوائم UL هو في الأساس لدرج نفس النوع من البيانات. على سبيل المثال ، هناك بعض اللوائح في القائمة ، وإدراجها في المقالة ، وما إلى ذلك. هناك نموذج خاص في القائمة يختلف عن UL. هذا هو DL أدناه
DL ، DT ، DD هذا مزيج خاص للغاية من ثلاث علامات. هنا يشير DT إلى العنوان ، يشير DD إلى المحتوى. DL هي الحاوية لدوراتهم. الطريقة الصحيحة للكتابة هي <dl> <dt> </dt> <dd> </dd> </dl> يمكن أن يكون هناك العديد من مجموعات DT و DD في DL. عندما تظهر العديد من المجموعات ، حاول مطابقة DT واحدة مع DD واحد. إذا كان هناك الكثير من المحتوى في DD ، فيمكنك إضافة علامة P إلى DD لاستخدامها. قائمة DL هي نموذج قائمة جيدة جدًا ويمكن استخدامه أكثر.
هذا يعني أن الرابط هو سمة محددة والعلامة السحرية في صفحة الويب. يجعل عدد لا يحصى من صفحات الويب متصلة. الطريقة الصحيحة للكتابة هي: <a href = title => </a> حيث يمثل HREF العنوان الهدف ، والعنوان هو نص موجه مرمى الماوس ، وهو اختياري. ولكن يجب أن يكون ربح أكثر من لا شيء.
IMG هذه علامة صورة ، وهي أيضًا علامة لها سمة محددة. الطريقة العادية للكتابة هي: <img src = alt = title =/> هنا SRC هو العنوان الهدف ، والبديل والعنوان هو نص بديل ، و alt هو IE ، والعنوان شائع في المتصفحات الأخرى. ولكن تذكر أنه يجب أن يكون هناك خط خلفي خلفه.
H هذه سلسلة من العلامات ، من H1 إلى H6 ، هناك ستة في المجموع. يقول بعض الناس إنه قليل جدًا ، ويقول بعض الناس إنه صحيح تمامًا ، ويقول بعض الناس إنه لا يستخدم كثيرًا. على أي حال ، أعتقد أن الأمر هو نفسه تقريبًا. الطريقة الصحيحة للكتابة هي: <h> </h> يستخدم بشكل أساسي لتخزين العناوين ، ويستخدمها بعض الأصدقاء أيضًا لأغراض أخرى. أنا شخصياً أعتقد أن هذه التسمية يجب أن تكون أكثر راحة ، لذا دعها تعمل كعنوان. من الأفضل ألا يكون لديك أي شيء يحتوي على بعضها البعض بين هذه التسميات الست.
يعني التركيز القوي ، وله دلالات وله وظيفة بسيطة. أما بالنسبة لعينة العمل ، سواء كنت تسليط الضوء على الجرأة أو استخدام اللون للإشارة إلى التركيز ، فهو كل ما تختاره. الطريقة الصحيحة للكتابة هي <strong> </strong>
EM هذا يشبه إلى حد كبير Strong ، مما يعني التركيز. القيمة الافتراضية للمتصفح العام مائل. استخدم بنفس الطريقة القوية. طريقة الكتابة هي: <em> </em>
لم يتم ذكر النموذج هنا ، لأن النموذج لا يتغير بشكل أساسي ولا شيء يمكن قوله على وجه الخصوص.