יש אלפי בלוגים ואתרי אינטרנט הדרכות זמינים באינטרנט אבל לא את כל המידע שימושית או באיכות טובה. במאמר זה אראה לך 5 דרכים לשמור על דפדפן הקוד שלך, משתמש ידידותי למנועי חיפוש. שמור בצע זה כמה צעדים, ואני בהחלט בטוח כי יהיה עוזר לך לפרויקט הבא באתר האינטרנט שלך. Enjoy it!

1. כתיבת קוד נקי

כתיבת קוד נקי יהיה בקלות maintainable ופחות כאב לך ואחרים.

קוד רע

 > <div id = "MainContainer" > <div id = "Header" > </div> <div id = "Content" > </div> </div> </div> מק"ט <div "Wrapper" => מזהה <div "MainContainer" => מזהה <div "Header" => </ div> ID <div "Content" => </ div> </ div> </ div> 

טוב קוד

  <! - / Wrapper \ ->
 > מק"ט <div "Wrapper" =>

 <! - / מיכל Main \ ->
 > מק"ט <div "MainContainer" =>

 <! - / HEADER \ ->
 > </div> מק"ט <div "Header" => </ div>
 <! - \ HEADER עדכן / ->

 <! - / Content \ ->
 > </div> מק"ט <div "Content" => </ div>
 <! - Close \ content / ->
 
 </ div>
 <! - Close \ מיכל ראשי / ->

 </ div>
 <! - \ Wrapper עדכן / -> 

2. השתמש DOCTYPE הנכון

אם לא להשתמש DOCTYPE (הכרזת סוג המסמך) תג, דפי האינטרנט שלך לא תוצג תואם סטנדרטים דרכים עלולה לגרום קצת מוזר דפי אינטרנט.

3. השתמש תגי הכותרת ואת Unordered רשימות

השתמש תגי הכותרת ורשימות Unordered גרפיקה למדי ואז ו spacer טבלאות מקוננות ..

קוד רע

טוב קוד

  <div>
 <h2> כותרת </ h2>
 <ul>
 <li> XYZ תוכן </ li>
 <li> XYZ תוכן </ li>
 <li> XYZ תוכן </ li>
 <li> XYZ תוכן </ li>
 </ ul>
 </ div> 

4. שימוש ב-Class משמעות סמנטית & שמות מזהה

במידת האפשר, להשתמש בכיתה שמות מזהה כי הם בעלי משמעות סמנטית חיפוש ידידותי. לדוגמה:

קוד רע

  > בכיתה <ul = "blue">
 <li> שגיאה 1 </ li>
 <li> שגיאה 2 </ li>
 </ ul> 

טוב קוד

  > בכיתה <ul = "Error">
 <li> שגיאה 1 </ li>
 <li> שגיאה 2 </ li>
 </ ul> 

5. הימנע של IE לצוף פעמיים השוליים, השתמש display: inline עבור אלמנטים צף

הימנע של IE לצוף פעמיים בהפרש וג 'וקים הכניסה טקסט באמצעות display: inline עבור אלמנטים צף.

קוד רע

  תוכן # (
 ; float: left;
 ; רוחב: 300px;
 ; padding: 4px 7px;
 ; margin-left: 20px;
 ) 

טוב קוד

  תוכן # (
 ; float: left;
 ; רוחב: 300px;
 ; padding: 4px 7px;
 ; margin-left: 20px;
 ; display: inline;
 ) 

מסקנה

אלו הם רק כמה טיפים שיעזרו לי לכתוב קוד טוב יותר. אני מקווה כי מדריך גם תעזור לך לכתוב קוד טוב ונקי. החל אלו טיפים לפרויקטים הנוכחיים הבא שלך, ואתה בוודאי מעריך את המאמצים.

אם אתה חושב שזה יכול להיות מדריך יותר טוב, בבקשה לשתף אותנו. תגובה אותנו

אם אתה מעוניין לקבל עצות יותר מאיתנו, אנא שקול מנוי שלנו על ידי הזנת RSS או באמצעות דוא"ל.

מתויק תחת: Css, הדרכות, בניית אתרי אינטרנט על ידי Admin