Не менее 10 полезных советов по xhtml/css-кодингу
5Блогера, начавшего писать свой очередной список советов и нравоучений по той или иной теме, как правило, подстерегает опасность такого характера: он не знает, сколько всего пунктов включит в себя его псевдогениальный трактат (ведь не секрет, что 80% такого списка придумывается на ходу). В результате он сперва пишет красивые цифры 1 и 2 в тайтле новой записи, затем исправляет их на не менее красивое 10, и в конце концов останавливается на счастливом числе 7. В результате страдает, прежде всего, самооценка блогера.
Чтобы предостеречь себя от подобной участи, я назвал свою очередную запись «Не менее 10 полезных советов по xhtml/css-кодингу», намерено завысив минимальную планку с 7-ми пунктов до 10-ти.
Теперь, когда я объяснил, почему моя статья называется именно так, а не иначе, мы можем перейти к перечислению правил, которыми я пользуюсь при xhtml/css-верстке — тех самых правил, которые привели меня к успеху.
- Используйте в работе Adobe Dreamweaver и Scintilla Text Editor. Первый, очень клевый и навороченный, подойдет для начала работ, а второй, легкий и быстрый, для быстрых правок. Всякого, кто упрекнет вас в использовании Dreamweaver отправьте подальше, указав при этом, что работаете в Coder Mode.
- Условные комментарии такого вида
<!--[if IE]><link rel=”stylesheet” type=”text/css” href=”/ie.css” /><![endif]–>придуманы проприетарными говноедами из Microsoft, чтобы усложнить вам жизнь (сделать условные css-комментарии они почему-то не додумались). Используйте css-хаки или, хотя бы, такой вариант. - Вообще, поменьше думайте о пользователях браузера Internet Explorer — они этого не достойны.
- Не разбивайте одно css-объявление на несколько строк, если не собираетесь использовать листинг стилей в курсовой или дипломной работе.
- Кладите файл со стилями в корень сайта.
Название элемента в стилях пишите в верхнем регистре, например.menu UL{list-style:none;}- Если не хотите ссориться с вашим веб-программистом, используйте только
class="name", аid="name"не используйте. - Относительно т.н. inline-стилей действует классическое правило: «один раз — не пидорас».
- Используйте Em Calculator.
<br clear="all" />работает почти также хорошо как<div style="clear:all"></div><button type="submit">Отправить</button>круче чем<input value="Отправить" type="submit"class="btn" />в силу многих обстоятельств.- Разберитесь что значит эта строка:
P.checkbox INPUT, P.checkbox LABEL, P.radiobutton INPUT, P.radiobutton LABEL, BUTTON{cursor:pointer}и усвойте, что это тоже очень круто (хотя почти никто так не делает). - Будущее за
A{text-decoration:none;border-bottom:1px solid #008aff;color:#008aff}. Цвет#008affвзят для примера. - Чтобы число советов не выглядело зловеще, напомню что правильный доктайп — это
XHTML 1.0 Transitional, а правильная кодировка — UTF-8.
Справедливости ради, отмечу, что все рекомендации кроме номера 12 являются плодом моей фантазии, предрассудков и жизненного опыта, поэтому следовать им не обязательно (особенно, если вы привыкли делать всё иначе), зато 12-ый — нереально охуенен!