Постоје хиљаде блогова и сајтова туторијала су доступни на интернету, али не све корисне информације или доброг квалитета. У овом члану Ми ћемо вам показати 5 начина да Ваш броусер код корисника и претраживача пријатељски. Имајте прате ову неколико корака, а ја дефинитивно сигурни да ће вам помаже да за вашу следећу уеб пројекат. Уживајте!

1. Написати чисту код

Чисто писање кода це бити лако Одрживи и мање боли за вас и друге.

Бад Шифра

  > <див ИД = "Ураппер">
 > <див ИД = "МаинЦонтаинер">
 > </div> <див ИД = "Хеадер"> </ спан>
 > </div> <див ИД = "Цонтент"> </ спан>
 </ спан>
 </ спан> 

Добра Шифра

  <- / Ураппер! \ ->
 > <див ИД = "Ураппер">

 <- / ГЛАВНИ КОНТЕЈНЕР> \ -!
 > <див ИД = "МаинЦонтаинер">

 <- / Заглавље! \ ->
 > </div> <див ИД = "Хеадер"> </ спан>
 <- \ Задњи ХЕАДЕР! / ->

 <- / Цонтент> \ -!
 > </div> <див ИД = "Цонтент"> </ спан>
 <- \ САДРЖАЈ Задњи> / -!
 
 </ спан>
 <- \ ГЛАВНИ КОНТЕЈНЕР ЗАТВОРИ! / ->

 </ спан>
 <- \ Задњи омот! / -> 

2. Користите исправну ДОЦТЫПЕ

Ако не користите ДОЦТЫПЕ (декларација типа документа) команду, Уеб странице неће приказати стандардима усклађен начине и може довести до неке чудне Уеб страницама.

3. Користите Наслов Тагови и Неуређена листе

Користите Наслов Тагови и Неуређена листе, а затим спацер графике и угнежђених табеле ..

Бад Шифра

Добра Шифра

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <див> <х2> Наслов </ Х2> <ул> <ли> Садржај ксыз </ п> <ли> Садржај ксыз </ п> <ли> Садржај ксыз </ п> <ли> Садржај ксыз </ п> </ ул> </ спан> 

4. Користите смисла семантички идентификатор класе и имена

Кад год је то могуће, користите класу и личних имена која су семантички смислен и тражи пријатељски. На пример:

Бад Шифра

  > <ул класа = "блуе">
 <ли> Грешка 1 </ п>
 <ли> Грешка 2 </ п>
 </ ул> 

Добра Шифра

  > <ул класа = "Еррор">
 <ли> Грешка 1 </ п>
 <ли> Грешка 2 </ п>
 </ ул> 

5. Избегавајте ИЕ двапут плутају-маргине, Употреба дисплаы: инлине за летјели елемената

Избегавајте ИЕ двапут пловак-маргине и увлачење текста грешака помоћу дисплаы: инлине за летјели елемената.

Бад Шифра

  float : left ; width : 300px ; padding : 4px 7px ; margin-left : 20px ; } # садржаја (флоат: лефт; УИДТХ: 300пкс; паддинг: 4пкс 7пкс; паддинг-лефт: 20пкс;) 

Добра Шифра

  # садржаја (
 ; пловак: лево;
 ; УИДТХ: 300пкс;
 ; паддинг: 4пкс 7пкс;
 ; паддинг-лефт: 20пкс;
 ; дисплаы: инлине;
 ) 

Закључак

Ово су само неки од савета који ми помажу да се боље писати код. Надам се да ће приручник вам помоћи да пишете боље и чист код. Примените ове Савети за тренутне и наредне пројекте, а ви сигурно ће цијенити напоре.

Ако мислите да упутство може да буде боље, Молимо Вас да поделите са нама. Коментар нама

ако желите више да примате Савети од нас, молимо Вас да размислите Претплатите се наш феед по РСС Феед или путем е-поште.