Recommended
More Related Content
Similar to советы по коду Html
Similar to советы по коду Html (20)
советы по коду Html
- 2. 1. DOCTYPE Не забывайте прописывать DOCTYPE! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/> <html> вместо
- 3. 2. Html без css Выносите css в отдельный файл! Не пишите так: <p style= ”margin-top:5px” >Текст</p>
- 4. 3. Javascript/скрипты Все что можно сделать без Javascript, делайте без него! Используйте сторонние скрипты только при необходимости!
- 5. 4. Регистр Не пишите так: <DIV CLASS=”NEWS”>текст</DIV> или <DIV class=”NEWS”>текст</div> Привыкайте к красоте кода: <div class=”class”> текст </div>
- 6. 5. Назначение тегов <p style=”font-size:1.2em”> <strong> Заголовок</strong></p> Используйте теги правильно: <h2> Заголовок </h2>
- 7. 6. Используйте возможности html тегов Html 4 имеет 91 элемент. Проверьте сколько элементов Вы спомните за 5 минут – тест по ссылке: пройдите тест http://www.oneplusyou.com/bb/html_quiz
- 8. 7. Следите за валидностью Проверка html на валидность: http://validator.w3.org/ Проверка css на валидность: http://jigsaw.w3.org/css-validator/
- 9. 8.Формируйте код В каком коде будет проще работать? <div id=”sidebar”> <h3>Новость</h3> <p>Сама новость...</p> </div> <div id=”sidebar”><h3>Новость</h3><p>Сама новость...</p></div> 1 2
- 10. 9.Комментирование Подумайте о тех, кто будет разбираться в Вашем коде! Используйте комментарии: <!-- начало сайдбара --> <div id=”sidebar”> <h3>Новость</h3> <p>Сама новость...</p> </div> <!-- конец сайдбара -->
- 11. 10. Картинки <img src=« - Не грузите большие картинки. - Используйте цвета вместо картинок. - Прописывайте атрибут alt - Указывайте ширину и высоту - Подгружайте картинки через css ( css sprites) Width:200px; Height:90px; <img src=« http://gtalk.kz/gtalk.png » alt=«Альтернативный текст» >
- 12. 11.Ненужные файлы Не оставляйте в коде лишнее. Удаляйте код, если его не используете! Удаляйте картинки, которыми не используете!
- 13. 13. Смысловая нагрузка Названия классов и id необходимо давать по смыслу например, header, menu, footer, news header news footer
- 14. 14. Берегите глаза Не делайте так: Вам приятно это читать? Или так :)
- 15. Спасибо за внимание! с/у УтБ Присоединяйтесь!