HTML लेखन शुरुआती वेब डेवलपर्स के लिए दिशानिर्देश

स्पष्ट चीजें जो मैंने अपने लिए अलग रखी हैं। मैं सक्षम लोगों को इस छोटी सूची में जोड़ना चाहूंगा। लक्ष्य यह है कि कोड को आपका और दूसरों को अधिक सुंदर, मान्य, आसानी से समझा और शब्दार्थ साक्षर बनाया जाए।

<br /> टैग का उपयोग करना

यह मुख्य रूप से पाठ की धारणा को बेहतर बनाने के लिए या किसी एक तत्व को प्रारूपित करने के लिए आवश्यक है। इसलिए, जब हमें कई तत्वों को अलग करने की आवश्यकता होती है या सिर्फ इतना है कि नया तत्व एक नई पंक्ति में है, तो हमें एक ब्लॉक तत्व (div, p, h1 ... का उपयोग करने की आवश्यकता है, जिसमें प्रदर्शन है: डिफ़ॉल्ट रूप से ब्लॉक सीएसएस संपत्ति, लेकिन कोशिश न करें उत्पादन अति सुंदर तत्वों)। और अगर आपको इंडेंट करने की आवश्यकता है, तो आपको दस <br> डालने की आवश्यकता नहीं है, लेकिन आपको सीएसएस में मार्जिन संपत्ति का वर्णन करने की आवश्यकता है।

शैली विशेषता और महत्वपूर्ण संपत्ति का उपयोग करना

यह असाधारण मामलों में आवश्यक है जब स्थान अद्वितीय है। लगभग हमेशा, आपको css फ़ाइल में चले गए गुणों के साथ एक css वर्ग का उपयोग करने की आवश्यकता होती है। और यहां तक ​​कि अगर आपको किसी तत्व (प्रदर्शन: कोई नहीं) को छिपाने की आवश्यकता है, तो सार्वभौमिक वर्ग बनाने के लिए बेहतर है (उदाहरण के लिए css:। निषिद्ध {प्रदर्शन: कोई नहीं;}), और <span class = "एरर हिडन"> लिखें।
वर्ग के विवरण में, यदि आप कुछ संपत्ति का उपयोग नहीं करते हैं, तो आपको लिखने की आवश्यकता नहीं है! महत्वपूर्ण है, सबसे अधिक बार यह सामने माता-पिता चयनकर्ता को जोड़ने के लिए पर्याप्त है, और अधिमानतः वर्ग, आईडी नहीं।

पदावनत HTML तत्वों और विशेषताओं

<केंद्र>, <फॉंट>, सीमा, रंग, सेलपैडिंग, सेलस्पेसिंग, चौड़ाई (तालिकाओं के लिए)
उन सभी को सीएसएस में गुणों के साथ बदल दिया जाता है, इसलिए उपरोक्त तत्वों का उपयोग न करें। साथ ही, एक्सएचटीएमएल के लिए नाम विशेषता मान्य नहीं है - इसका उपयोग करने की आवश्यकता नहीं है (सब कुछ आईडी के माध्यम से किया जाता है)।

<लेबल> तत्व

विशेष रूप से, इनपुट के उद्देश्य का वर्णन करने के लिए, एक <लेबल> तत्व है (HTML5 में आप इस उद्देश्य के लिए प्लेसहोल्डर विशेषता का उपयोग कर सकते हैं)। इसलिए, जहाँ भी इनपुट है, वहाँ लगभग हमेशा होना चाहिए <= "input_id"> के लिए लेबल।

निरंतर स्थान और शब्द लपेटो

वर्ड रैप और जहाँ उपयुक्त हो, & nbsp; आंसू रोकने के लिए। यदि सामग्री गतिशील है और आपको इसे एक पंक्ति पर रखने की आवश्यकता है, तो आप css-property का उपयोग कर सकते हैं, जो एक नई पंक्ति में शब्द-आवरण को रोकता है - श्वेत-स्थान: Nowrap;

बटन लेआउट

दाईं ओर बटन दबाया जाना चाहिए। (उदाहरण के लिए 1. कंसेल 2.ऑक), यह सूचना आउटपुट पर लागू नहीं होता है - सबसे महत्वपूर्ण बात आगे होनी चाहिए। लेकिन चूंकि उपयोगकर्ता सभी संभावित कार्यों की जांच करता है, तो आपको उसे वापस जाने के लिए मजबूर करने की आवश्यकता नहीं है, यहां तक ​​कि एक नज़र के साथ भी।

कॉलम, बटन, कार्यों के नाम

नियम का पालन करने की कोशिश करें - एक अलग तत्व - एक नया प्रस्ताव और, तदनुसार - इसे एक बड़े अक्षर के साथ लिखें (सबमिट करें, ऑर्डर करें)। साथ ही, आपको पूरे शब्द को बड़े अक्षरों, वाक्य या पैराग्राफ में लिखने की आवश्यकता नहीं है। यदि आवश्यक हो, तो एक सीएसएस संपत्ति पाठ-परिवर्तन है: अपरकेस;

रेखांकित करें और हाइलाइट करें

लिंक के अलावा किसी भी आइटम को रेखांकित न करें। चयन करने के लिए, <strong>, <em> संबंधित css-properties फ़ॉन्ट-वजन: बोल्ड, फ़ॉन्ट-शैली: इटैलिक या फ़ॉन्ट को स्वयं बदलें। यदि शब्दार्थ खंड को हाइलाइट नहीं किया गया है, लेकिन केवल नेत्रहीन, <span> का उपयोग करें।

इसमें, शायद, अधिक स्पष्ट चीजें शामिल नहीं थीं, जैसे कि स्वरूपण या आईडी तत्वों के लिए नाम कैसे चुनें, लेकिन यह मेरी राय में, शैली के लिए, और कोड लिखने की संस्कृति पर लागू नहीं होता है। सभी को अच्छी तरह से जानने के लिए सीएसएस आवश्यक नहीं हो सकता है, लेकिन एक HTML दस्तावेज़ की संरचना को सभी डेवलपर्स को समझना चाहिए।

मुझे उम्मीद है कि यह टिप्पणी आपकी टिप्पणियों द्वारा उपयोगी और पूरक / सही होगी।