Есть тысячи блогов и учебники сайты доступны в Интернете, но не вся информация является полезной и хорошего качества. В этой статье мы покажем вам, 5 способов сохранить ваш код браузера, пользователь и поисковиков. Держите эту последующие несколько шагов, и я уверен, что определенно будет помогает вам для вашего следующего сайте проекта. Наслаждайтесь этим!

1. Создать чистого кода

Дать чистой код будет оперативно обновлять систему и меньше боли для себя и других.

Неверный код

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

Код товара

 = "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"> <! - / Контейнер \ -> <div ID = "MainContainer"> <! - / HEADER \ -> <Div ID = "Заголовок"> </ div> <! - \ HEADER ЗАКРЫТЬ / -> <! - / Content \ -> <div ID = "Content"> </ div> <! - \ КОНТЕНТ CLOSE / -> </ div> <! - \ контейнер ЗАКРЫТЬ / -> </ div> <! - \ WRAPPER ЗАКРЫТЬ / -> 

2. Используйте правильный DOCTYPE

Если вы не используете тип документа (Document Type декларации) тегов, веб-страницы не будут отображаться соответствует стандартам путей и может привести к каким-то странным веб-страниц.

3. Используйте теги заголовка и неупорядоченные списки

Используйте теги заголовка и маркированных списков, а затем Spacer графику и вложенные таблицы ..

Неверный код

Код товара

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> заголовок </ h2> <ul> <li> Авторские XYZ </ LI> <li> Авторские XYZ </ LI> <li> Авторские XYZ </ LI> <li> Авторские XYZ </ LI> </ UL> </ div> 

4. Использование семантического значимый класс & ID имена

Всякий раз, когда возможно, использовать класс и идентификационный имена, семантически значимых и поиска для пользователей. Например:

Неверный код

 > <li> Error 1 </li> <li> Error 2 </li> </ul> <ul "blue" класс => <li> Ошибка 1 </ LI> <li> Ошибка 2 </ LI> </ UL> 

Код товара

  > <ul "Error" класс =>
 <li> Ошибка 1 </ LI>
 <li> Ошибка 2 </ LI>
 </ UL> 

5. Избегайте двойной "IE флоат-маржи, используйте кнопку DISPLAY: Inline за перемещающимися элементами

Во избежание двойного Float "IE-маржа и ошибки текста абзаца, используя дисплей: Inline для плавали элементы.

Неверный код

  # (содержание
 ; Float: слева;
 ; ширина: 300px;
 ; PADDING: 4px 7px;
 ; MARGIN-налево: 20px;
 ) 

Код товара

  # (содержание
 ; Float: слева;
 ; ширина: 300px;
 ; PADDING: 4px 7px;
 ; MARGIN-налево: 20px;
 ; Дисплей: встроенный;
 ) 

Заключение

Таковы лишь некоторые из советов, которые помогут мне лучше писать код. Я надеюсь, что учебное пособие также поможет вам писать лучше и чистого кода. Применять эти советы на текущий и последующие проекты, и вы, несомненно, оценят усилия.

Если вы считаете, что учебное пособие может быть более лучшего, пожалуйста, поделитесь с нами. Комментарии нас

Если вы хотели бы получить более Советы от нас, пожалуйста, подпишитесь на наш канал по RSS или по электронной почте.

Подано в: Css, Обучение, веб-разработки от Admin