Понедельник, 08 Октября 2012 16:47

Требования к HTML-верстке, о которых нужно помнить.

Written by 
Оцени эту запись
(2 Голоса)

1. Кроссбраузерность по требованию заказчика. Нужно реализовать идентичный вид сайта во всех желаемых браузерах. Но, при этом, и в остальных нужно сделать корректное отображения. Пусть вид будет не столь красивым, но должна быть возможность этим сайтом пользоваться. Также учитывайте, что пользователь в своем браузере может увеличить шрифт, отключить картинки и JavaScript. Верстка при этом не должна разваливаться.

 

 

 

2. Названия классов и идентификаторов должны быть на английском языке и описывать назначение элемента - menu, footer и т.д. А вообще, не увлекайтесь назначением id. Идетрификатор должен быть уникальным. Он чаще всего используется в формах или в элементах, к которым будут подключаться скрипты. А стили можно задавать и по классу.

 
 
3. прописывайте стили для основных элементов - высоту и ширину 100% для html и body, цвет фона для body.
 
 
4. Уточняйте у заказчика какие Js библиотеки нужно использовать. Не используйте JavaScript там, где без него можно обойтись. Большие по размерам скрипты выносить в отдельные файлы.
 
 
5. Если макет не резиновый, его ширина не должны превышать 1000px. Иначе в браузере появится горизонтальная прокрутка.
 
 
6. Добавляйте коментарии в HTML-шаблон и в CSS-файл.
 
 
7. Если в роли кнопки используете ссылку, при клике на которую что-то появится, но пользователь никуда не перейдет, прописывайет в ее атрибуте href="javascript: void(0)". 
 
 
8. Следите за элементами, содержащими текст. В заголовке или в какой-то ссылке может быть 2-3 строки текста, а не одна, как на дизайне. Уточните у заказчика поведение и вид блока в таком случае. То же и про размеры картинок. Не всегда на сайте будут корректные картинки нужных размеров и пропорций.
 
 
9. Располагайте правильно файлы в проекте. В корневой папке должны быть файлы html. А остальные файлы разложите по внутренний папкам - images, styles, js.
 
 
10. Маленькие изображения, например иконки, объединяйте в спрайты.
 
 
 

Комментарии  

 
0 #2 manicure 05.05.2017 22:44
I love reading through an article that will make men and women think.
Also, thanks for allowing for me to comment!
 
 
0 #1 manicure 27.03.2017 14:53
Thanks very nice blog!
 

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов