Свежие записи

Популярные статьи

Последние комментарии

Читая код-3

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

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

<!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, чтобы страница отображалась в нём так же, как в современных браузерах.

Отзывы (5) на «Читая код-3»

Оставить свой отзыв »

  1. Аня:

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

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

  2. Иван:

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

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

    Княгиня — декабря 1, 2008 || 14:16

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

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

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

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

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

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

Ссылки с комментариев dofollow. Поле «Ваш сайт» — только для персонального сайта/блога комментатора!