Фарисейство или “не прошло и ста лет…”
Давненько я не писал… За это время много чего случилось: во-первых, я сдал Microsoft’у материалы ПОЛИГОН 2006, то есть нагрузка слегка спала. Во-вторых, я наконец-таки перевел свою домашнюю сеть на использование VoIP SIP, то есть теперь мои звонки по телефону куда угодно стоят исчезающе мало. И звонки совершаются с обычного домашнего беспроводного телефона DECT, на который/с которого можно позвонить и с городской сети (PTSN) и с Интернета (SIP). В качестве шлюза/маршрутизатора использовал D-Link DVA-G3340S. Но это я подробно опишу позже, слишком уж значительная новость. В третьих, мы затеяли ремонт кухни/лоджии: стеклопакеты, утепление и прочую лабуду… Да-а-а… Это похлеще пожара будет!
Но сегодня напишу о заметке на сайте Его Величества и Святейшества, Отца Русского Интернета, Самого Главного Дизайнера Всех Времен И Народов, Превеликого А. Лебедева. Итак читаем: Сергей Золотухин "Несколько принципов HTML"
Здесь приведены основные принципы, которых я придерживаюсь при создании HTML-кода. Конечно, всегда существуют исключения, но они немногочисленны и весьма специфичны.
…Использование HTML-элементов по назначению
…
В общем, «брюки превращаются» в
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#CCCCCC">
<tr>
<td width="67%" valign="top"></td>
<td width="33%" valign="top">
<small>Content with left margin</small> </td>
</tr>
</table>Если внимательно рассмотреть код, мы увидим, что автор хотел разместить текст Content with left margin с отступом от левого края и для получения данного отступа использовал пустую ячейку таблицы с заданной шириной. Однако, мне кажется, есть и более разумные подходы к решению данной задачи. Например, использование div с отступом, заданным с помощью CSS:
<div style="padding-left:67%; background:#CCCCCC;">
<small>Content with left margin</small>
</div>Это, как мне кажется, и является максимальным разумным упрощением первоначального варианта, к которому необходимо стремиться.
Что хочется сказать? Фарисей! Ты код СВОЕГО КОРПОРАТИВНОГО САЙТА видел?
<body bgcolor="#FFFFFF" link="#0055CC" alink="#FF0000" vlink="#990099" text="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#000000">
<tr>
<td width="67%" valign="top" style="padding-left:22px; padding-top:10px;"><p style="color:#999; font-family: Arial, Sans-Serif; font-size: 90%;"></p></td>
<td width="33%" valign="top" ><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td width="90" style="padding-left: 9px;" class="HiResRight"><div class="LoRes" style="width: 90px; height: 30px; background-color: #BD000D" id="ArtLebedevLogo" onmouseover="AlterColor()"><img src="/;-)/x.gif" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’artlebedev_logo.png’)" alt="" width="90" height="30" border="0" /></div><div class="HiRes"><div id="HiResArtLebedevLogo"><img src="/;-)/artlebedev_logo_print.gif" alt="" width="1" height="1" border="0" /></div></div></td>
<td><div class="LoRes">
<div style="height: 65px; overflow: hidden; background-image: url(‘/;-)/artlebedev_artemylebedev.gif’); background-position: -12px 0px; background-repeat: no-repeat; border-right: 1px solid #000000"><img src="/;-)/artlebedev_studio.gif" hspace="0" alt="Студия Артемия Лебедева" width="57" height="65" border="0" style="float:left" /><img src="/;-)/artlebedev_artemylebedev.gif" hspace="0" alt="Студия Артемия Лебедева" width="141" height="65" border="0" style="float:left; margin-right:5px;" ></div>
</div><div style="height:1px; width:141px; overflow:hidden"></div></td>
</tr>
</table></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="branches">
<tr valign="top" bgcolor="#555555">
<td width="16%"><a href="/news/" class="branches"><img
src="/;-)/pw.gif"
alt="" width="10" height="10" border="0" hspace="5" align="top" /><noindex>Новости</noindex></a></td>
<td width="17%"><a href="/tools/" class="branches"><img
src="/;-)/pw.gif"
alt="" width="10" height="10" border="0" hspace="5" align="top" /><noindex>Инвентарь</noindex></a></td>
<td width="17%"><a href="/portfolio/" class="branches">
ПОЗОР!!!!! И эти люди собираются меня чему то учить!
Нет, наверно надеятся на улучшения HTML -кода у этого господина бессмысленно.
Они верно хранят свои незыблемые традиции разметки HTML-документов.
Когда Второе пришествие свершится , тогда, может быть, что- нибудь поменяется…
Зато для остальных пусть будет вечным наглядным пособием "Как НИКОГДА не надо делать"- тоже толк какой-то с другой стороны…
А вообще стыдно им должно быть.
Если они хотели показать что знают как делать правильно, то какого они спрашивается, свой сайт не перепишут? Да ну.
Действительно, ханжество какое-то выходит
Золотухин – упырь! :(
Во-первых, такое ощущение, что он какие-то секреты открывает своей статьей.
Во-вторых:
> Вполне возможно, что для многих этот экстремальный пример не показателен, однако взглянем на наш подопытный код. Там встречается конструкция <p class="small_body">…</p>. Цель преследовалась простая: отобразить текст, размером меньшим, чем основной. Конечно, в данном случае возможна масса вариантов, но я использую специальный элемент small, ведь именно для этого он и был придуман.
Читаем, что по этому поводу написано в спецификации:
> The following HTML elements specify font information. Although they are not all deprecated, their use is discouraged in favor of style sheets.
То есть, формально <small> не относится к нежелательным, но тем не менее настоятельно рекомендуется вместо него использовать CSS, и это правильно, ИМХО!
До боли знакомый стиль изложения, на каком-то… где-то подобное я уже видел…
А вот посмотрите и найдите 10 отличий… Кажется, САЛО (Студия А. Лебедева) исписалась:
http://www.artlebedev.ru/
http://www.mdmbank.ru/
http://www.vtb.ru/rus/web.html
http://www.isb.ru/
http://usb.com.ua/ru/
…
Что характерно – знаете, что сэр Лебедев пишет в самое начало документа (то бишь туда, где ДОЛЖЕН быть доктайп)? Естественно:
<!– Copyright (c) Art. Lebedev Studio | http://www.artlebedev.ru –>
Еще один мотив, который мне всегда нравился, причем не только у Лебедева:
почитайте Темины разглагольстования тут – http://www.artlebedev.ru/kovodstvo/61/, а потом посмотрите на Васю Пупкина и двух его друзей в верхней панели на сайте – http://www.vtb.ru/rus/web.html.
————-
Леонид, php, seo и пр. дела