Hemm eluf ta 'blogs u websajts tutorials huma disponibbli fuq l-internet iżda mhux kollha, ta' l-informazzjoni hija utli jew ta 'kwalità tajba. F'dan l-Artikolu Aħna ser nuruk 5 modi biex iżommu kodiċi browser tiegħek, l-utent u faċli search engine. Żomm isegwu dan ftit passi, u i żgur żgur li ser jgħinek għall-proġett website tiegħek li jmiss. Enjoy it!

1. Write-kodiċi nadif

Kitba kodiċi nadif se jiġu faċilment maintainable u anqas ta 'uġigħ għalik u għall-oħrajn.

Bad Kodiċi

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

Good Kodiċi

 = "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 / --> <! - / Għata \ -> id <div = "Wrapper"> <! - / KONTENITUR EWLENIN \ -> id <div = "MainContainer"> <! - / HEADER \ -> <div id = "Header"> </ div <! - \ HEADER QRIB / -> <! - / KONTENUT \ -> id <div = "Content"> </ div <! - Agħlaq KONTENUT \ / -> </ div> <! - \ EWLENIN KONTENITUR QRIB / -> </ div> <! - \ għata QRIB / -> 

2. Uża l-DOCTYPE korretta

Jekk inti ma tuża l-DOCTYPE (dokument ta 'dikjarazzjoni tat-tip) tag, paġni tal-Web tiegħek mhux se display fl-istandards modi konformi u jista' jirriżulta f'xi Web pages stramba.

3. Użu Tags Intestatura u Unordered listi

Użu Tags Intestatura u listi Unordered grafiċi aktar milli spacer u t-tabelli nested ..

Bad Kodiċi

Good Kodiċi

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> Intestatura </ h2> <ul> xyz Kontenut <li> </ li> <li> Kontenut xyz </ li> <li> Kontenut xyz </ li> xyz Kontenut <li> </ li> </ ul> </ div> 

4. Użu ta 'klassi min-naħa semantika sinifikanti & ismijiet ID

Kull meta possibbli, l-użu tal-klassi u ismijiet ID li huma sinifikanti min-naħa semantika u t-tfittxija faċli. Per eżempju:

Bad Kodiċi

  > klassi <ul = "blue">
 <li> Żball 1 </ li>
 <li> Żball 2 </ li>
 </ ul> 

Good Kodiċi

  > klassi <ul = "Error">
 <li> Żball 1 </ li>
 <li> Żball 2 </ li>
 </ ul> 

5. Float doppja Evita IE tal-marġini, Użu Display: inline imqiegħed għall-elementi

Evita float doppju IE tal-marġini u bugs inċiż it-test bl-użu display: inline imqiegħed għall-elementi.

Bad Kodiċi

  float : left ; width : 300px ; padding : 4px 7px ; margin-left : 20px ; } # kontenut (float: left; wisa ': 300px; padding: 4px 7px; margin-left: 20px;) 

Good Kodiċi

  # kontenut (
 ; float: xellug;
 ; wisa ': 300px;
 ; padding: 4px 7px;
 ; margin-left: 20px;
 ; display: inline;
 ) 

Konklużjoni

Dawn huma biss ftit mill-tips li jgħini biex jikteb il-kodiċi aħjar. Nittama li tutorja se jgħinek biex jiktbu aħjar u nodfa tal-kodiċi. Għajnuniet biex japplikaw dawn il-proġetti attwali u li jmiss tiegħek, u inti żgur li se japprezzaw l-isforzi.

Jekk taħseb li tista 'tkun aktar tutorja aħjar, Jekk jogħġbok sehem magħna. Kumment us

jekk inti tixtieq tirċievi Tips aktar minna, jekk jogħġbok jikkunsidraw li jabbonnaw għal għalf tagħna billi RSS jew email.