Υπάρχουν χιλιάδες blogs και tutorials ιστοσελίδες είναι διαθέσιμες στο διαδίκτυο, αλλά δεν είναι όλες τις πληροφορίες που είναι χρήσιμες ή καλής ποιότητας. Σε αυτό το άρθρο Θα σας δείξουμε 5 τρόπους για να κρατήσει τον κωδικό σας πρόγραμμα περιήγησης, των χρηστών και μηχανή αναζήτησης φιλική. Κρατήστε αυτό ακολουθήστε μερικά βήματα, και εγώ σίγουρα σίγουρος ότι θα σας βοηθά για την επόμενη ιστοσελίδα του έργου σας. Απολαύστε το!

1. Γράψτε καθαρά κωδικός

Γράφοντας καθαρό κώδικας θα είναι εύκολα διατηρήσιμη και λιγότερο από έναν πόνο για σας και τους άλλους.

Bad Κωδικός

 > <div id = "MainContainer" > <div id = "Header" > </div> <div id = "Content" > </div> </div> </div> <div id = "Wrapper"> <div id = "MainContainer"> <div id = "Header"> </ p> <div id = "Content"> </ td> </ td> </ td> 

Καλή Κωδικός

 = "Wrapper" > <!-- / MAIN CONTAINER \ --> <div id = "MainContainer" > <!-- / HEADER \ --> <div id = "Header" > </div> <!-- \ HEADER CLOSE / --> <!-- / CONTENT \ --> <div id = "Content" > </div> <!-- \ CONTENT CLOSE / --> </div> <!-- \ MAIN CONTAINER CLOSE / --> </div> <!-- \ WRAPPER CLOSE / --> <! - / ΣΥΣΚΕΥΑΣΙΑΣ \ -> <div id = "Wrapper"> <! - / MAIN ΠΕΡΙΕΚΤΗ \ -> <div id = "MainContainer"> <! - / HEADER \ -> <div id = "Header"> </ div> <! - \ HEADER CLOSE / -> <! - / ΠΕΡΙΕΧΟΜΕΝΟ \ -> <div id = "Content"> </ div> <! - \ ΚΛΕΙΣΙΜΟ ΠΕΡΙΕΧΟΜΕΝΟ / -> </ div> <! - \ MAIN ΔΟΧΕΙΟ ΚΛΕΙΣΙΜΟ / -> </ div> <! - \ ΣΥΣΚΕΥΑΣΙΑΣ ΚΛΕΙΣΙΜΟ / -> 

2. Χρησιμοποιήστε το σωστό DOCTYPE

Εάν δεν χρησιμοποιείτε το DOCTYPE (δήλωση τύπου εγγράφου) tag, ιστοσελίδες σας δεν θα εμφανιστεί σε πρότυπα συμβατό τρόπο και ενδέχεται να προκύψει κάποια παράξενα ιστοσελίδες.

3. Χρησιμοποιήστε Ονομασία Ετικέτες και Unordered καταλόγους

Χρησιμοποιήστε Ονομασία Ετικέτες και Unordered καταλόγους μάλλον έπειτα spacer γραφικά και ένθετες πίνακες ..

Bad Κωδικός

Καλή Κωδικός

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> Τομέας </ h2> <ul> <li> xyz περιεχομένου </ li> <li> xyz περιεχομένου </ li> <li> xyz περιεχομένου </ li> <li> xyz περιεχομένου </ li> </ ul> </ p> 

4. Χρησιμοποιήστε σημασιολογικά σημαντική κατηγορία & ID ονόματα

Όποτε είναι δυνατόν, κατηγορία χρήσης και αναγνωριστικό ονόματα που είναι σημασιολογικά νόημα και αναζήτηση φιλικών. Για παράδειγμα:

Bad Κωδικός

 > <li> Error 1 </li> <li> Error 2 </li> </ul> <ul class = "blue"> <li> λάθους 1 </ li> <li> Error 2 </ li> </ ul> 

Καλή Κωδικός

  > <ul class = "Error">
 <li> Error 1 </ li>
 <li> Error 2 </ li>
 </ ul> 

5. Διπλή float Αποφύγετε IE του-περιθώριο, Χρήση Εμφάνιση inline για επιπλέει στοιχεία

Αποφυγή της διπλής επίπλευσης IE του-περιθώριο και σφάλματα περίπτωση κειμένου με χρήση απεικόνιση: inline για επιπλέει στοιχεία.

Bad Κωδικός

  # περιεχόμενο (
 ; float: αριστερά?
 ; πλάτος: 300px?
 ; padding: 4px 7px?
 ; margin-left: 20px?
 ) 

Καλή Κωδικός

  # περιεχόμενο (
 ; float: αριστερά?
 ; πλάτος: 300px?
 ; padding: 4px 7px?
 ; margin-left: 20px?
 ; απεικόνιση: inline?
 ) 

Συμπέρασμα

Αυτές είναι μερικές μόνο από τις συμβουλές που θα με βοηθήσει να γράψω καλύτερο κώδικα. Ελπίζω ότι το σεμινάριο θα σας βοηθήσει επίσης να γράψετε καλύτερα και καθαρό κώδικα. Εφαρμόστε αυτές τις άκρες για την τρέχουσα και την επόμενη έργα σας, και εσείς σίγουρα θα εκτιμήσουν τις προσπάθειες.

Αν νομίζετε ότι το σεμινάριο μπορεί να είναι πιο καλύτερα, παρακαλώ μοιραστείτε μαζί μας. Σχόλιο μας

εάν επιθυμείτε να λάβετε περισσότερες Συμβουλές από εμάς, παρακαλώ σκεφτείτε να εγγραφείτε για να μας ζωοτροφές από RSS ή με ηλεκτρονικό ταχυδρομείο.