Yra tūkstančiai dienoraščių ir vadovėliai tinklapis yra prieinami internete, bet ne visa informacija yra naudinga arba geros kokybės. Šiame straipsnyje mes parodysime 5 būdai, kaip išlaikyti savo kodą naršyklę, vartotojo ir paieškos draugiška. Laikyti šia keli žingsniai, ir aš tikrai įsitikinęs, kad bus padeda jums už kitą tinklapį. Enjoy it!

1. Rašyti švarus kodas

Rašymas švarus kodas bus Patogiausią aptarnavimo ir mažiau už jus ir kitiems skausmo.

Bad kodas

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

Gera Kodas

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

 <! - / Pagrindinei tarai \ ->
 > <div id = "MainContainer">

 <! - / Antraštės \ ->
 > </div> <div id = "Header"> </ div>
 <! - \ HEADER uždaryti / ->

 <! - / TURINIO \ ->
 > </div> <div id = "Content"> </ div>
 <! - \ TURINIO uždaryti / ->
 
 </ div>
 <! - \ Pagrindinei tarai uždaryti / ->

 </ div>
 <! - \ SUVYNIOJIMO uždaryti / -> 

2. Naudokite teisingą DOCTYPE

Jei nenaudojate DOCTYPE (dokumento tipui deklaracija) tag, interneto puslapius nebus rodomi atitinka standartus būdų ir galėtų šiek tiek keista, interneto puslapius.

3. Naudokite Antraštė Tags ir netvarkingai sąrašai

Naudokite Antraštė Tags ir netvarkingai sąrašus, o tada spacer grafika ir įdėtos lentelės ..

Bad kodas

Gera Kodas

  <div>
 <h2> antraštė </ h2>
 <ul>
 <li> turinys xyz </ li>
 <li> turinys xyz </ li>
 <li> turinys xyz </ li>
 <li> turinys xyz </ li>
 </ ul>
 </ div> 

4. Naudokite semantiškai prasmingas klasės & ID pavadinimai

Jei įmanoma, naudokite klasės ir ID pavadinimai yra semantiškai prasmingas ir paieškos šeimai. Pavyzdžiui

Bad kodas

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

Gera Kodas

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

5. Venkite IE dvigubo Plūdės skirtumas, naudokite display: inline už plūduriavo elementai

Venkite IE dvigubo Plūdės skirtumas ir teksto įtrauka klaidas naudojant display: inline už plūduriavo elementai.

Bad kodas

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

Gera Kodas

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

Išvada

Tai tik keletas patarimų, kurie padės man rašyti geresnį kodą. Tikiuosi, kad pamoka padės jums parašyti geriau ir švaraus kodo. Taikyti šiuos Patarimai jūsų dabartinius ir šalia projektus, ir jums bus tikrai dėkingi už pastangas.

Jei manote, kad pamoka gali būti dar geriau, prašome pasidalinti su mumis. Komentaras mus

Jei norite gauti daugiau patarimų, kaip pas mus, prašom, galite užsiprenumeruoti mūsų kanalo RSS arba el.

Filed under: Css, Pamokos, Web development by admin