Ka mijëra e blogs dhe websites tutorial janë në dispozicion në internet, por jo të gjithë e informacionit është e dobishme ose e cilësisë së mirë. Në këtë artikull ne do t'ju tregojë rrugët për të mbajtur 5 shfletuesit tuaj kodin, search engine përdorues dhe miqësore. Keep ndjekin këtë disa hapa, dhe i definitivisht i sigurt se do të ju ndihmon për projektin e ardhshëm faqen tuaj te internetit. Enjoy it!

1. Shkruani kodin pastër

Shkrimi i kodit të pastër do të jetë lehtë maintainable dhe më pak e një dhimbje për ju dhe të tjerët.

Bad Kodi

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

Mirë Kodi

  <! - / Wrapper \ ->
 > id <div = "Wrapper">

 <! - / Enë KRYESORE \ ->
 > id <div = "MainContainer">

 <! - / Header \ ->
 > </div> id <div = "Header"> </ div>
 <! - \ Header CLOSE / ->

 <! - / CONTENT \ ->
 > </div> id <div = "Content"> </ div>
 <! - \ CLOSE PËRMBAJTJA / ->
 
 </ div>
 <! - \ KRYESORE enë CLOSE / ->

 </ div>
 <! - \ Wrapper CLOSE / -> 

2. Përdorimi DOCTYPE korrekt

Nëse ju nuk përdorni DOCTYPE (tipi dokument deklaratë) tag, Web faqet tuaja nuk do të shfaqin në mënyra të standardeve në harmoni dhe mund të rezultojë në disa faqe të çuditshme Web.

3. Tags Kreu Përdorimi dhe Unordered lista

Tags Kreu Përdorimi dhe lista Unordered grafika në vend pastaj spacer dhe tavolina e mbivendosur ..

Bad Kodi

Mirë Kodi

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> Kreu </ h2> <ul> <li> XYZ Content </ li> <li> XYZ Content </ li> <li> XYZ Content </ li> <li> XYZ Content </ li> </ ul> </ div> 

4. Përdorimi klasë semantike kuptimplotë dhe emrat e identifikimit

Kurdo që klasa e mundur, përdorimi dhe emrat e identitetit që janë semantike kuptimplotë dhe kërko-miqësore. Për shembull:

Bad Kodi

 > <li> Error 1 </li> <li> Error 2 </li> </ul> klasë <ul = "blue"> <li> Gabim 1 </ li> <li> Error 2 </ li> </ ul> 

Mirë Kodi

  > klasë <ul = "Error">
 <li> Gabim 1 </ li>
 <li> Error 2 </ li>
 </ ul> 

5. Shket dyfishtë Shmangni IE e-margin, përdorimi Display: inline për elementet e qarkulloi

Shmangni shket e dyfishtë IE-margin dhe viruse indent tekstin duke e shfrytëzuar display: inline për elementet e lëshoi.

Bad Kodi

  Përmbajtja # (
 ; float: left;
 ; width: 300px;
 ; padding: 4px 7px;
 ; margin-left: 20px;
 ) 

Mirë Kodi

  Përmbajtja # (
 ; float: left;
 ; width: 300px;
 ; padding: 4px 7px;
 ; margin-left: 20px;
 ; display: inline;
 ) 

Përfundim

Këto janë vetëm disa këshilla që ndihmojnë mua që të shkruani kodin më të mirë. Unë shpresoj se tutorial do t'ju ndihmojnë gjithashtu për të shkruar mirë dhe të pastër kodin. Aplikoni këto Këshilla për projektet tuaja aktuale dhe të ardhshme, dhe ju me siguri do të vlerësojmë përpjekjet.

Nëse mendoni se tutorial mund të jetë më mirë, Ju lutem ndani me ne. Koment ne

në qoftë se ju dëshironi të merrni më shumë Këshilla nga ne, ju lutem konsideroni nënshkrimit to our feed duke RSS ose me email.

Paraqitur sipas: Css, Tutorials, zhvillim Web nga admin