Postoje tisuće blogova i tutoriali web stranice su dostupne na internetu, ali ne sve informacije korisne ili dobre kvalitete. U ovom članku ćemo vam pokazati 5 Putevi to držati tvoj kod preglednika, korisnik i tražilicu prijateljski. Držite slijedite ovaj par koraka, a ja sam definitivno siguran da će vam pomaže za vaš sljedeći web projekt. Enjoy it!

1. Napiši clean code

Pisanje čist kod će biti lako održivi i manje boli za vas i drugima.

Bad Šifra

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

Dobro Šifra

 = "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 / --> <! - / Omot \ -> <div id = "Wrapper"> <! - / GLAVNA KONTEJNERSKI \ -> <div id = "MainContainer"> <! - / HEADER \ -> <div id = "Zaglavlje"> </ div> <! - \ HEADER zatvori / -> <! - / SADRŽAJA \ -> <div id = "Content"> </ div> <! - \ SADRŽAJ zatvori / -> </ div> <! - \ GLAVNA KONTEJNERSKI zatvori / -> </ div> <! - \ omotu zatvori / -> 

2. Koristite ispravan DOCTYPE

Ako ne koristite DOCTYPE (document type deklaracije) oznake, web stranice neće prikazati u standardima načine i mogu rezultirati nekim čudnim web stranice.

3. Use Tags Heading i neuređen liste

Use Tags Heading i liste bez reda, a ne spacer grafike i tablica umetnuta ..

Bad Šifra

Dobro Šifra

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> Heading </ h2> <ul> <li> Sadržaj xyz </ li> <li> Sadržaj xyz </ li> <li> Sadržaj xyz </ li> <li> Sadržaj xyz </ li> </ ul> </ div> 

4. Koristite semantički smislenim klasa i ID-imena

Kad god je moguće, koristite klase i ID imena koja su smislene i semantički search-friendly. Na primjer:

Bad Šifra

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

Dobro Šifra

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

5. Izbjegavajte IE's double float-margin, korištenje display: inline za doplutao elemenata

Izbjegavajte IE's double float-margina i uvlaka teksta bugove pomoću display: inline za doplutao elemenata.

Bad Šifra

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

Dobro Šifra

  # (sadržaj
 ; float: left;
 ; width: 300px;
 ; padding: 4px 7px;
 ; margin-left: 20px;
 ; display: inline;
 ) 

Zaključak

To su samo neki od savjeta koji mi pomažu da bolje napisati kod. Nadam se da udžbenik također će vam pomoći da bolje pisati i čist kod. Primijeni ove savjete za Vaše trenutne i slijedeće projekte, a sigurno ćete cijeniti napore.

Ako mislite da udžbenik može biti još bolje, Molimo Vas da podijelite s nama. Komentar nas

ako želite da bi dobili više Savjeti od nas, molimo vas da razmislite o Prijavom na naš feed RSS ili putem e-pošte.