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

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

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

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