HTML बनाते समय आपको क्या नहीं भूलना चाहिए

जब आप (एक्स) एचटीएमएल लगाते हैं, तो कभी-कभी आप उन कई विशेषताओं के बारे में नहीं जानते या भूल जाते हैं जो उपयोग करने लायक हैं। मैं उन लोगों की सूची दूंगा जिन्हें मैं हमेशा अपने बारे में भूल जाता हूं, लेकिन व्यर्थ में :)



1. <लेबल> टैग

एक बहुत ही उपयोगी चीज जो साइट की उपयोगिता को बढ़ाती है। प्रपत्र तत्व के लिए एक लेबल परिभाषित करता है, अर्थात यदि आप इसकी सामग्री पर क्लिक करते हैं, तो एक चेकबॉक्स (बटन) डाला जाता है (हटा दिया जाता है), कर्सर पाठ क्षेत्र में प्रवेश करता है, आदि।

एकमात्र पैरामीटर की आवश्यकता है: के लिए, जिसमें उस तत्व की आईडी शामिल होती है जिससे लेबल संबंधित है।

एक उदाहरण:

<लेबल के लिए = 'लॉगिन'> लॉगिन: </ लेबल> <इनपुट आईडी = 'लॉगिन' />

2. <लिंक> टैग

CSS पृष्ठों के लिंक के अलावा, इसमें बहुत सी दिलचस्प चीजें शामिल हो सकती हैं (वैसे, मैंने इस दिलचस्प के लिए केवल ओपेरा में समर्थन देखा था (ठीक है, शायद इसके लिए फ़ायरफ़ॉक्स प्लगइन्स हैं) :( लेकिन यह वैसे भी उपयोग करने लायक होगा), उदाहरण के लिए, विशेषता में। rel खड़े हो सकते हैं:

• 'वैकल्पिक' - दस्तावेज़ को अन्य संस्करणों में परिभाषित करता है, उदाहरण के लिए - आरएसएस में (जिसमें यह अन्य विशेषताओं पर निर्भर करता है)।
• 'शुरू', 'अगला', 'प्रचलित' - सूची से अन्य दस्तावेजों को परिभाषित करता है, अगर उनमें से बहुत सारे हैं और उनके पास एक आदेश है (उदाहरण के लिए, व्यापार लिंच में)
• 'कॉपीराइट' - कॉपीराइट पेज का पता, उदाहरण के लिए, विकिपीडिया पर GPL का लिंक है

आदि



3. सूचियाँ (<ul> - <li>)

यदि हमारे पास पृष्ठ पर एक ही प्रकार के कई निकाय हैं, उदाहरण के लिए, सामग्री की तालिका में लिंक, तो उन्हें सूची में रखने के लायक है। यहां तक ​​कि अगर आपके पास उन्हें क्षैतिज रूप से या एक सर्कल में खड़ा किया गया है - एक सूची में डालें और CSS'om को बाहर करें। फिर आपका पेज बिना स्टाइल के इतना घटिया लगेगा।



4. शैलियों और संरचना

एक HTML दस्तावेज़ को केवल डेटा और कुछ भी नहीं बल्कि डेटा का वर्णन करना चाहिए, सिवाय कुछ के लिंक के जो इस डेटा की कल्पना करना दर्शाता है। यानी CSS और JS को अलग-अलग फाइलों में दर्ज किया गया है।

यह आइटम एक ही बार में तीन चीजों की बात करता है: सबसे पहले, सभी सीएसएस और जेएस को एक अलग फ़ाइल में निकाला जाना चाहिए, और दूसरी बात, सभी वर्ग के नाम और तत्व आईडी केवल सामग्री प्रकार द्वारा दिए जाने चाहिए, लेकिन शैली से नहीं, और तीसरे, आपको कभी भी लेबल नहीं बनाना चाहिए (क्योंकि लेबल सारणीबद्ध डेटा के लिए होते हैं), <strong> आदि के बजाय <b> साथ ले जाएँ, और हर जगह जहाँ आप एक सूची डाल सकते हैं, वहाँ भी divs और spans को तराशा जा सकता है ( पी 3 देखें), हेडर (<h [1 ..]>) (वैसे, किसी कारण से हर कोई उनसे दूर भागता है, हालांकि यह हमेशा हेडर के लिए उनका उपयोग करने के लिए सार्थक होगा, भले ही बाद में यह सीएसएस में आवश्यक हो (हाँ, यह है) सीएसएस! कोई रास्ता नहीं html में डिजाइन की!) पाठ को अदृश्य बनाने, और चित्र) या यहां तक ​​कि कुछ "ईमानदार" तत्व को वितरित करने के लिए।

इस नियम का पालन करना आसान बनाने के लिए, अपने आप को फ़ायरफ़ॉक्स वेबदेवर पर रखें और ctrl-shift-C (CSS → अक्षम शैलियों → सभी शैलियों) को दबाएं।

हाँ, और b2k के अलावा: आईडी द्वारा शैलियों को निर्धारित न करें



५.मनोचक

पाठ (tm) में न रखें, -> अगर वहाँ है, तो, → इसके अलावा, आपको चित्रों का उपयोग नहीं करना चाहिए।

यहाँ एक सूची है।



6. सख्त

हमेशा सख्ती से लागू करें! यह मुश्किल नहीं है, लेकिन दिलचस्प है;)



7. फ्रेम

यदि आपको एक फ्रेम की आवश्यकता है जो HTML में नहीं है (मानक में ऐसा कोई तत्व नहीं है ... अच्छी तरह से, लगभग;), तो <ढ्डह्म> टैग का उपयोग न करें, लेकिन <ऑब्जेक्ट> टैग।



8. काम और परिणाम सुखद होना चाहिए

यदि आप साइट और कोड को देखते हैं और अपने आप से कहते हैं: "भगवान, कितने हैक हैं, ओपेरा एक प्रकार का जानवर" या "ओह, हॉरर, यदि आप यहां लिखते हैं और इसे फिर से बदलते हैं, तो सब कुछ फिर से चला जाएगा :(", यह सब मिटा दें और इसे फिर से लिखें।

जब मैं सुंदर वैध कोड लिखता हूं, तो मैं खुद से संतुष्ट होता हूं। और यह ब्राउज़र के साथ sekas के बाद एक संभोग नहीं है :)



9. मशीन द्वारा विश्लेषण के लिए कोड तैयार होना चाहिए

API बनाने के बजाय, आप सभी प्रकार के XML पार्सर आदि का उपयोग करके विश्लेषण के लिए पृष्ठ को समझ सकते हैं।



PS मुझे किसी भी परिवर्धन की खुशी होगी, मैं तुरंत उन्हें यहां लाऊंगा।