वहाँ ब्लॉगों और ट्यूटोरियल वेबसाइटों के हजारों रहे हैं इंटरनेट पर उपलब्ध हैं, लेकिन उपयोगी है या अच्छी गुणवत्ता की जानकारी के सब नहीं है. इस लेख में हम आपको 5 तरीके आपके कोड ब्राउज़र, उपयोगकर्ता और खोज इंजन के अनुकूल रखने के दिखाता हूँ. रखो यह कुछ कदमों का अनुसरण करें, और मैं निश्चित रूप से विश्वास है कि आप अपनी वेबसाइट अगली परियोजना के लिए करेगा मदद करता है. यह आनंद लें!

1. लिखें साफ कोड

साफ कोड लेखन आसानी से और maintainable हो जाएगा और तुम दूसरों के लिए एक दर्द से कम है.

बुरा संहिता

  > <div आईडी "Wrapper" =>
 > <div आईडी "MainContainer" =>
 > </div> <div आईडी "Header" => </ div>
 > </div> <div आईडी "Content" => </ div>
 <div />
 <div /> 

अच्छा संहिता

  ! <- / आवरण \> --
 > <div आईडी "Wrapper" =>

 <! - / मुख्य कंटेनर \ ->
 > <div आईडी "MainContainer" =>

 ! <- / शीर्षक \> --
 > </div> <div आईडी "Header" => </ div>
 ! <- \ शीर्षक बंद /> --

 <! - / सामग्री \ ->
 > </div> <div आईडी "Content" => </ div>
 <! - सामग्री \ / बंद करें ->
 
 <div />
 ! <- \ मुख्य कंटेनर बंद /> --

 <div />
 ! <- \ आवरण बंद /> -- 

2. सही DOCTYPE का प्रयोग करें

यदि आप DOCTYPE (दस्तावेज़ प्रकार की घोषणा) टैग, अपने वेब पृष्ठों का उपयोग नहीं मानकों के अनुरूप तरीकों में प्रदर्शित नहीं होगा और कुछ अजीब वेब पन्नों में परिणाम हो सकता है.

3. शीर्षक टैग और Unordered सूची का उपयोग करें

शीर्षक टैग और Unordered सूची न तो स्पेसर ग्राफिक्स और नेस्टेड तालिकाओं का उपयोग करें ..

बुरा संहिता

अच्छा संहिता

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> </ h2> <ul> <li> सामग्री xyz शीर्षक <लि /> सामग्री <li> <लि / xyz> सामग्री <li> <लि / xyz> सामग्री <li> xyz </ ली> </ उल> </ div> 

4. Semantically सार्थक वर्ग & आईडी के नाम का प्रयोग करें

जब भी संभव है, का उपयोग करें वर्ग और आईडी नाम semantically सार्थक हैं और खोज के अनुकूल. उदाहरण के लिए:

बुरा संहिता

  > <ul वर्ग = "blue">
 <li> त्रुटि 1 ली </>
 <li> त्रुटि 2 ली </>
 <उल /> 

अच्छा संहिता

  > <ul वर्ग "Error" =>
 <li> त्रुटि 1 ली </>
 <li> त्रुटि 2 ली </>
 <उल /> 

5. बचें है IE डबल नाव-मार्जिन, प्रदर्शन का प्रयोग करें: जारी तत्वों के लिए इनलाइन

प्रदर्शन का उपयोग: जारी तत्वों के लिए इनलाइन द्वारा IE डबल नाव-मार्जिन और पाठ इंडेंट कीड़ों से बचें.

बुरा संहिता

  # सामग्री (
 ; फ्लोट: छोड़ा;
 ; width: 300px;
 ; padding 4px 7px:;
 ; मार्जिन-छोड़ दिया 20px:;
 ) 

अच्छा संहिता

  # सामग्री (
 ; फ्लोट: छोड़ा;
 ; width: 300px;
 ; padding 4px 7px:;
 ; मार्जिन-छोड़ दिया 20px:;
 ; प्रदर्शन: इनलाइन;
 ) 

निष्कर्ष

ये सुझाव है कि मुझे मदद करने के लिए बेहतर कोड लिखने के कुछ ही रहे हैं. मुझे आशा है कि ट्यूटोरियल भी आपकी मदद करेंगे बेहतर और स्वच्छ लिखने के लिए कोड. आपके वर्तमान और अगले इन परियोजनाओं के लिए युक्तियाँ लागू करें, और आप निश्चित रूप से प्रयास की सराहना करेंगे.

अगर आपको लगता है कि ट्यूटोरियल ज्यादा अच्छा होगा, कृपया हमारे साथ बाँट सकते हैं. हमें टिप्पणी

यदि आप हम से अधिक सुझाव प्राप्त करना चाहते हैं, तो कृपया आरएसएस या ईमेल के द्वारा हमारे फ़ीड की सदस्यता लेने पर विचार.

के तहत दायर: सीएसएस, Tutorials व्यवस्थापक द्वारा, वेब विकास