Tam sú tisíce blogov a tutoriály webovej stránky sú dostupné na internete, ale nie všetky informácie sú užitočné a dobrej kvality. V tomto článku Ukážeme vám, 5 spôsobov, ako udržať váš kód prehliadača užívateľov a vyhľadávače priateľské. Udržujte sledovať tento pár krokov, a určite aj istotu, že bude vám pomôže na ďalšie webové stránky projektu. Užite si to!

1. Písať čistý kód

Písanie čistý kód bude ľahko udržiavateľný a menej bolesti pre 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" > <!-- / 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 / --> <! - / Wrapper \ -> <div id = "Wrapper"> <! - / Hlavné kontajner \ -> <div id = "MainContainer"> <! - / HEADER \ -> <div id = "Hlavička"> </ div> <! - \ HEADER ZATVORIŤ / -> <! - / content \ -> <div id = "Content"> </ div> <! - \ OBSAH ZATVORIŤ / -> </ div> <! - \ hlavný kontajner ZATVORIŤ / -> </ div> <! - \ obal ZATVORIŤ / -> 

2. Použite správny DOCTYPE

Ak nechcete použiť DOCTYPE (typ dokumentu vyhlásenie) tag, vaše webové stránky sa nezobrazí v oblasti noriem vyhovujúcich spôsoby a môže vyústiť v nejaké podivné webovej stránky.

3. Okruh použitia Značky a Nečíslovaný zoznamy

Okruh použitia Značky a Nečíslovaný zoznamy skôr ako spacer grafiky a vnorené tabuľky ..

Bad kód

Dobrý kód

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

4. Použite sémanticky zmysluplný triedy & ID mená

Ak je to možné, používajte ID triedy a mená, ktoré sú sémanticky zmysluplná a hľadať-priateľský. Naprí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. Vyhnite sa IE double float-margin, Použitie display: inline pre vznášala prvky

Vyhnite sa IE double float-margin a chyby text zarážky pomocou display: inline pre vznášal prvky.

Bad kód

  # 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áver

To sú len niektoré z tipov, ktoré mi pomôžu písať lepšie kód. Dúfam, že tutoriál vám tiež pomôže písať lepšie a čistý kód. Použiť tieto tipy na aktuálne a ďalšie projekty, a vy iste ocenia úsilie.

Ak si myslíte, že cvičenie môže byť lepší, prosím, podeliť sa s nami. Komentár nás

Ak chcete získať viac Tipy od nás, prosím, prihláste sa náš RSS s RSS alebo e-mailom.

Súbor pod: Css, Návody, Web development admin