Фарисейство или «не прошло и ста лет…»

Давненько я не писал… За это время много чего случилось: во-первых, я сдал 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">

ПОЗОР!!!!! И эти люди собираются меня чему то учить!

 

Комментариев: 7
  1. Нет, наверно надеятся на улучшения HTML -кода у этого господина бессмысленно.
    Они верно хранят свои незыблемые традиции разметки HTML-документов.
    Когда Второе пришествие свершится , тогда, может быть, что- нибудь поменяется…
     
    Зато для остальных пусть будет вечным наглядным пособием "Как НИКОГДА не надо делать"- тоже толк какой-то с другой стороны…

  2. А вообще стыдно им должно быть.
    Если они хотели показать что знают как делать правильно, то какого они спрашивается, свой сайт не перепишут? Да ну.
    Действительно, ханжество какое-то выходит

  3. Золотухин — упырь! :(
    Во-первых, такое ощущение, что он какие-то секреты открывает своей статьей.
    Во-вторых:
    > Вполне возможно, что для многих этот экстремальный пример не показателен, однако взглянем на наш подопытный код. Там встречается конструкция <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, и это правильно, ИМХО!

  4. До боли знакомый стиль изложения, на каком-то… где-то подобное я уже видел…

  5. Что характерно — знаете, что сэр Лебедев пишет в самое начало документа (то бишь туда, где ДОЛЖЕН быть доктайп)? Естественно:
    <!— Copyright (c) Art. Lebedev Studio | http://www.artlebedev.ru —>

  6. Еще один мотив, который мне всегда нравился, причем не только у Лебедева:
    почитайте Темины разглагольстования тут — http://www.artlebedev.ru/kovodstvo/61/, а потом посмотрите на Васю Пупкина и двух его друзей в верхней панели на сайте — http://www.vtb.ru/rus/web.html.
    ————-
    Леонид, php, seo и пр. дела

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *