Верстка сайта — учитываем мелочи
Понедельник, Октябрь 19, 2009 7:29
Когда верстаешь сайт, особенно шаблон, ни в коем случае нельзя забывать про оформление цитат, кода и т. п.
Эта статья взяла начало тогда, когда я впервые выполнял верстку для WordPress. Но я всегда думал, что пробелы сразу будут видны, однако находились мелочи, которые я упускал. Поэтому решил написать справку, про что нельзя забывать, когда верстаешь сайт.
1. Цвет фона body (спасибо )
Даже если body не имеет никакого фона, обязательно прописывайте background, дабы избежать некорректного цвета, в случае если на компьютере изменена палитра.
2. Теперь я привиду перчень основных тегов, про которые можно, но не стоит забывать.
blockquote — предназначен для выделения длинных цитат внутри документа.
cite — помечает текст как цитату или сноску на другой материал.
pre — определяет блок предварительно форматированного текста.
code — предназначен для отображения одной или нескольких строк текста, который представляет собой программный код.
samp — используется для отображения текста, который является результатом вывода компьютерной программы или скрипта. Сказать поправьде, ниразу не видел на сайтах этот тег в применении.
abbr — указывает, что последовательность символов является аббревиатурой.
acronym — указывает на то, что текст является акронимом. В отличие от аббревиатуры, акроним — это устоявшееся сокращение, которое применяется как самостоятельное слово.
[Обновлено 16 ноября 2009]:
kbd — используется для обозначения текста, который набирается на клавиатуре или для названия клавиш.
del — выделение текста, который был удален в новой версии документа. Попросту зачеркивание.
dfn — для выделения терминов, которым дается определение в тексте.
Спасибо, Rails Blogger!
Так же хочу отметить, что изображения, обертанные в ссылку, имеют ненужную рамку. Ее нужно обнулять:
Это далеко не весь список тегов, однако это именно те, про оформление которых можно забыть.
3. Минимальная и максимальная ширина страницы.
Кажется такая мелочь, однако при определенных дизайнах, страница может полностью поплыть. Чтобы этого не случилось, верстальщики используют минимальную и максимальную ширину страницы.
4. Совесть верстальщика.
Сюда я бы хотел отнести валидность и семантику кода. Именно эти два качества вызывают гордость у верстальщика.
Я думаю наш список можно окончить. Но я не исключаю возможности допустить ошибку, поэтому жду ваших дополнений к списку.
lo[p]ata сообщил:
Октябрь 20th, 2009 11:15
хм...спасибо!!!
Rails Blogger сообщил:
Октябрь 21st, 2009 17:04
К пункту 2: Практически в каждом посте использую специальные теги. Но про samp действительно забываю. Не часто, но все-таки еще использую такие теги как
kbd — используется для обозначения текста, который набирается на клавиатуре или для названия клавиш.
del — выделение текста, который был удален в новой версии документа. Попросту зачеркивание.
dfn — для выделения терминов, которым дается определение в тексте.
WebMast сообщил:
Октябрь 24th, 2009 18:51
Спасибо за дополнительные теги...
Дмитрий сообщил:
Ноябрь 15th, 2009 22:37
перечень основных тегов, исправь)
Кстати тэги samp и abr проходят на валидность?
WebMast сообщил:
Ноябрь 16th, 2009 8:54
Исправил... И эти два тега проходят валидация html5. Сам проверял : ).