Читая код-3

23 ноября 2008. Рубрики: Курьёзы, Рабочие заметки; автор — Юлия Панина aka Княгиня.

Наткнулась в сети на сайт с потрясающей размёткой. Привожу в сокращении (комментарии мои).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html></html>
<!--Обратите внимание, корневой элемент закрыт!-->
<head>
  <link href='/favicon.ico' rel='shortcut icon' />
  <meta content='text/html;charset=utf-8' http-equiv='Content-Type'/>
  <title>...</title>
  <script src="http://maps.google.com/maps?..."
  	type="text/javascript"></script>
  <script src="..." type="text/javascript"></script>
  <!--Ещё штук пять скриптов-->
  <script src="..." type="text/javascript"></script>
  
  <link href="..." media="screen" rel="stylesheet" type="text/css" />
  <!--Ещё штук пять файлов css-->
  <link href="..." media="screen" rel="stylesheet" type="text/css" />
  <link href="..." rel="alternate"
  	title="..." type="application/rss+xml" />
  <body><!--Так, а head мы будем закрывать?-->
    <div>...</div>
    <div>
	  <div>...</div>
	</div>
    <div>
	  <div>...</div>
	</div>
    <div>
	  <div>
		<div>...</div>
	  </div>
	  <div>
		<div>
		  <div>
			<div>
			  <div>
				<div>...</div>
<!--Кончится когда-нибудь эта дивная матрёшка?-->
			  </div>
			</div>
		  </div>
		</div>
		<div>...</div>
		<div>...</div>
	  </div>
	  <div>...</div>
	</div>
  </body>
</head>
<!--Неужто наконец закрылся?..-->

Весьма примечательно, что хозяин этого сайта считал, будто ему нужен файл хаков под бажный IE, чтобы страница отображалась в нём так же, как в современных браузерах.

7 комментариев на «Читая код-3»
  1. Аня (42 комментария)

    Ы-ы-ыыы! Спасибо за чудный пример, буду использовать в качестве скелета в шкаф… то есть разучебного пособия!

    Ответить на этот комментарий
  2. Иван (62 комментария)

    Видел похожий, только без причины первого Вашего комментария. :) Если бы не скрипты, то хрен с такой «матрёшкой» чего увидишь.
    Кстати, в бесконечные div там ещё затолкали вперемешку span, и сдобрили таблицами (в которых сплошь пустые ячейки)…

    Ответить на этот комментарий
    • Княгиня (660 комментариев)

      Вот я добавила пример такой вёрстки. :) Тоже шеведр.

      Ответить на этот комментарий
  3. Martin (49 комментариев)

    Жестокая жесть однако :) ЛоЛь…

    Ответить на этот комментарий
  4. Ruslan (1 комментарий)

    Такое и врагу не пожелаешь) может устроить конкурс подобных творений))

    Ответить на этот комментарий
  5. Камель (1 комментарий)

    Да, любят же люди себе жизнь усложнять)Интересно было бы узнать адрес этого интернет-ресурса)

    Ответить на этот комментарий
    • Княгиня (660 комментариев)

      Вот адрес не помню. Давно было. Тематика сайта была винная (в сочетании с кодом вызывало интересные ассоциации =) ).

      Ответить на этот комментарий

Есть что сказать? Не молчим!

Используйте теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" code=""> <ul> <li> <ol> .

Комментарии короче 200 символов публикуются без активной ссылки. Пробелы не учитываются.

Ссылки с комментариев dofollow. Ознакомьтесь, пожалуйста, с правилами dofollow-комментирования. Кто не читает, тот сам себе враг.