Новые уроки
Получай новые уроки по RSS

Подписка на рассылку


Голосование
Чего выкладывать больше?
Программ
Уроков
Скриптов
Шаблонов
Макетов
CMS
Видеоуроков
Облако тегов

HTML и XHTML → Кодируем правельно

Кодируем правельноСегодня речь пойдет о том как правильно кодировать не использовав div теги. Многие люди почемуто ставят div теги где нужно и не нужно.

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




1. Использование div в form
Очень часто начинающие программисты заключают форму в теги div. Вопрос: Зачем? - ведь можно не посредственно придать стиля тегу form.
Посмотрите пример:
Кодируем правельно


2. Пользуйтесь семантической разметкой
Старайтесь применять семантическую разметку при кодировании html-документов (к примеру h1 - для заголовков, p - для параграфов, а ul - для списков). Таким образом в вашем документы даже небудет css стилей, но смотрится стильно и можно привлечь внимание посетителей. Так же использование h1 рекомендуется с точки СЕО.
Кодируем правельно


3. Пытайтесь меньше использовать div
Вероятно вы встречались с шаблонами где див блоков очень много. Часто встречается что человек непонимает для чего див и ставит лишние, или забывает закрыть. Чтобы избежать такой проблемы пользуйтесь заменой див. Например заменяйте div тег на p.
Кодируем правельно

Второй пример избавится от div для вывода даты:
Кодируем правельно


4. Форматируем код
Для того чтобы код лучше читался делайте отступы. Если вы нехотите делать самостоятельно отступы то за вас сможет это сделать html/php/css/js редактор под названием Adobe Dreamweaver. В нем вы можете перейти по меню: Commands > Apply Source Formatting.
Кодируем правельно


5. Комментируем наш код
Чтобы не запутаться в тегах я рекомендую вам комментировать ваш код. Ставьте комментарии до начала див и после закрытия.
Кодируем правельно
Опубликовал dimas_ua, 13-07-2010, 00:00 Комментариев: 1
 (голосов: 5)
Пишет Bethrezen, 21 июля 2010 21:16
  • Сообщений: 0
  • Новостей: 0
Уважаемый, проверяй свои тексты спеллером. Одни ошибки...