Фарисейство или “не прошло и ста лет…”

Иван Никитин и партнеры ➢ Новости ➢ Разное ➢ Фарисейство или “не прошло и ста лет…”

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

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

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

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