Tam jsou tisíce blogů a tutoriály webové stránky jsou dostupné na internetu, ale ne všechny informace jsou užitečné a dobré kvality. V tomto článku Ukážeme vám, 5 způsobů, jak udržet váš kód prohlížeče uživatele a vyhledávače přátelské. Udržujte sledovat tento pár kroků, a určitě i jistotu, že bude vám pomůže pro další webové stránky projektu. Užijte si to!

1. Psát čistý kód

Psaní čistý kód bude snadno udržovatelný a méně bolesti pro vás a ostatní.

Bad kód

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

Dobrý kód

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

 <! - / Hlavní kontejner \ ->
 > <div id = "MainContainer">

 <! - / HEADER \ ->
 > </div> <div id = "Header"> </ div>
 <! - \ HEADER ZAVŘÍT / ->

 <! - / Content \ ->
 > </div> <div id = "Content"> </ div>
 <! - \ OBSAH ZAVŘÍT / ->
 
 </ div>
 <! - \ Hlavní kontejner ZAVŘÍT / ->

 </ div>
 <! - \ Obal ZAVŘÍT / -> 

2. Použijte správný DOCTYPE

Pokud nechcete použít DOCTYPE (typ dokumentu prohlášení) tag, vaše webové stránky se nezobrazí v oblasti norem vyhovujících způsoby a může vyústit v nějaké podivné webové stránky.

3. Okruh použití Značky a Nečíslovaný seznamy

Okruh použití Značky a Nečíslovaný seznamy spíše než spacer grafiky a vnořené tabulky ..

Bad kód

Dobrý kód

  <div>
 <h2> Okruh </ h2>
 <ul>
 <li> Obsah xyz </ P>
 <li> Obsah xyz </ P>
 <li> Obsah xyz </ P>
 <li> Obsah xyz </ P>
 </ ul>
 </ div> 

4. Použijte sémanticky smysluplný třídy & ID jména

Pokud je to možné, používejte ID třídy a jména, která jsou sémanticky smysluplná a hledat-přátelský. Například:

Bad kód

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

Dobrý kód

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

5. Vyhněte se IE double float-margin, Použití display: inline pro vznášela prvky

Vyhněte se IE double float-margin a chyby text odrážky pomocí display: inline pro vznášel prvky.

Bad kód

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

Dobrý kód

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

Závěr

To jsou jen některé z tipů, které mi pomohou psát lepší kód. Doufám, že tutoriál vám rovněž pomůže psát lepší a čistý kód. Použít tyto tipy na aktuální a další projekty, a vy jistě ocení úsilí.

Pokud si myslíte, že cvičení může být lepší, prosím, podělit se s námi. Komentář nás

Pokud chcete získat více Tipy od nás, prosím, přihlašte se náš RSS s RSS nebo e-mailem.