Верстка сайта — учитываем мелочи

Верстка сайта - учитываем мелочиКогда верстаешь сайт, особенно шаблон, ни в коем случае нельзя забывать про оформление цитат, кода и т. п.

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


1. Цвет фона body (спасибо Ольге)
Даже если body не имеет никакого фона, обязательно прописывайте background, дабы избежать некорректного цвета, в случае если на компьютере изменена палитра.

body {background:#fff;}

2. Теперь я привиду перчень основных тегов, про которые можно, но не стоит забывать.
blockquote — предназначен для выделения длинных цитат внутри документа.
cite — помечает текст как цитату или сноску на другой материал.
pre — определяет блок предварительно форматированного текста.
code — предназначен для отображения одной или нескольких строк текста, который представляет собой программный код.
samp — используется для отображения текста, который является результатом вывода компьютерной программы или скрипта. Сказать поправьде, ниразу не видел на сайтах этот тег в применении.
abbr — указывает, что последовательность символов является аббревиатурой.
acronym — указывает на то, что текст является акронимом. В отличие от аббревиатуры, акроним — это устоявшееся сокращение, которое применяется как самостоятельное слово.
[Обновлено 16 ноября 2009]:
kbd — используется для обозначения текста, который набирается на клавиатуре или для названия клавиш.
del — выделение текста, который был удален в новой версии документа. Попросту зачеркивание.
dfn — для выделения терминов, которым дается определение в тексте.
Спасибо, Rails Blogger!

Так же хочу отметить, что изображения, обертанные в ссылку, имеют ненужную рамку. Ее нужно обнулять:

a img {border:0;}

Это далеко не весь список тегов, однако это именно те, про оформление которых можно забыть.

3. Минимальная и максимальная ширина страницы.
Кажется такая мелочь, однако при определенных дизайнах, страница может полностью поплыть. Чтобы этого не случилось, верстальщики используют минимальную и максимальную ширину страницы.

4. Совесть верстальщика.
Сюда я бы хотел отнести валидность и семантику кода. Именно эти два качества вызывают гордость у верстальщика.

Я думаю наш список можно окончить. Но я не исключаю возможности допустить ошибку, поэтому жду ваших дополнений к списку.

Комментарии — 5 комментариев

  1. #7374 lo[p]ata в 11:15, 20 октября 2009: (подписался)

    Ответить | Цитировать

    хм…спасибо!!!

  2. #7408 Rails Blogger в 17:04, 21 октября 2009: (подписался)

    Ответить | Цитировать

    К пункту 2: Практически в каждом посте использую специальные теги. Но про samp действительно забываю. Не часто, но все-таки еще использую такие теги как
    kbd – используется для обозначения текста, который набирается на клавиатуре или для названия клавиш.
    del – выделение текста, который был удален в новой версии документа. Попросту зачеркивание.
    dfn – для выделения терминов, которым дается определение в тексте.

  3. #7473 WebMast в 18:51, 24 октября 2009:

    Ответить | Цитировать

    Спасибо за дополнительные теги..

  4. #8149 Дмитрий в 22:37, 15 ноября 2009:

    Ответить | Цитировать

    перечень основных тегов, исправь)
    Кстати тэги samp и abr проходят на валидность?

  5. #8159 WebMast в 8:54, 16 ноября 2009:

    Ответить | Цитировать

    Исправил.. И эти два тега проходят валидация html5. Сам проверял : ).

Добавить комментарий

имя:

e-mail:

сайт:

текст:

Subscribe without commenting