Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Интересна верстка

Обсуждение темы Интересна верстка в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; видел сегодня новый сайт от известной студии, красивый, падла, но заинтересовало вот что. посмотрите исходник страницы Код HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...


Закрытая тема
 
Опции темы
Старый 08.12.2010, 00:59   #1
видел сегодня новый сайт от известной студии, красивый, падла, но заинтересовало вот что.
посмотрите исходник страницы
Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <s></s>trict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<!-- (c) Art. Lebedev Studio | http://www.artlebedev.ru/ --> 
 
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=7" /><title>Штокман</title><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" /><link rel="stylesheet" type="text/css" href="/f/1/global/main.css" media="all" /><!--[if IE]><link rel="stylesheet" type="text/css" href="/f/1/global/main_ie.css" media="all" /><![endif]--><!--[if IE 6]><link rel="stylesheet" type="text/css" href="/f/1/global/main_ie6.css" media="screen" /><![endif]--><link rel="stylesheet" type="text/css" href="/f/1/global/main_print.css" media="print" /><style type="text/css" media="all">html {//overflow-x:hidden;}</style><link rel="stylesheet" type="text/css" href="/f/1/global/css/page_home.css" media="all" /><!--[if IE 6]><link rel="stylesheet" type="text/css" href="/f/1/global/css/page_home_ie6.css" media="all" /><![endif]--><!--[if IE 7]><link rel="stylesheet" type="text/css" href="/f/1/global/css/page_home_ie7.css" media="all" /><![endif]--><script type="text/javascript">document.documentElement.className = "js";</script><script type="text/javascript" src="/f/1/global/jquery-1.4.3.min.js"></script><script type="text/javascript" src="/f/1/global/main.js"></script><script type="text/javascript" src="/f/1/global/keyboard_nav.js"></script><!--[if IE 6]><script type="text/javascript" src="/f/1/global/fix_ie.js"></script><![endif]--><link rel="start" href="/" /></head><body id="home_page"><div xmlns="" id="prelayout"><div id="layout"><div xmlns="http://www.w3.org/1999/xhtml" id="page_body"><div xmlns="" id="header"><div xmlns="http://www.w3.org/1999/xhtml" class="navigation" id="languages"><strong><noindex>RU</noindex></strong> <a href="/en/"><noindex>EN</noindex></a></div><div id="logo"><img xmlns="http://www.w3.org/1999/xhtml" alt="" width="244" height="56" src="/f/1/white_logo_ru.png" class="png" /></div></div><div id="navigation"><ul class="navigation"><li><a href="/press/"><noindex>Пресс-центр</noindex></a></li><li> <a href="/about/"><noindex>О компании</noindex></a></li><li> <a href="/project/"><noindex>Штокмановский проект</noindex></a></li><li> <a href="/ecology/"><noindex>Экология и безопасность Штокмана</noindex></a></li><li> <a href="/russian/"><noindex>Участие российских компаний</noindex></a></li><li> <a href="/social/"><noindex>Устойчивое социальное развитие</noindex></a></li><li> <a href="/career/"><noindex>Карьера</noindex></a></li><li> <a href="/tenders/"><noindex>Тендеры</noindex></a></li></ul></div><div xmlns="" id="content"><h1 class="dark_gr earth_header">Здесь рождается энергия</h1><p class="earth_header pi"><span xmlns="http://www.w3.org/1999/xhtml">Штокмановское</span><span xmlns="http://www.w3.org/1999/xhtml">газоконденсатное</span><span xmlns="http://www.w3.org/1999/xhtml">месторождение —</span><span xmlns="http://www.w3.org/1999/xhtml">это</span><span xmlns="http://www.w3.org/1999/xhtml">уникальное</span><span xmlns="http://www.w3.org/1999/xhtml">месторождение</span><span xmlns="http://www.w3.org/1999/xhtml">природного</span><span xmlns="http://www.w3.org/1999/xhtml">газа,</span><span xmlns="http://www.w3.org/1999/xhtml">расположенное</span><span xmlns="http://www.w3.org/1999/xhtml">в центральной</span><span xmlns="http://www.w3.org/1999/xhtml">части</span><span xmlns="http://www.w3.org/1999/xhtml">шельфа</span><span xmlns="http://www.w3.org/1999/xhtml">российского</span><span xmlns="http://www.w3.org/1999/xhtml">сектора</span><span xmlns="http://www.w3.org/1999/xhtml">Баренцева</span><span xmlns="http://www.w3.org/1999/xhtml">моря</span></p><div id="earth"><div class="prebg"></div><div class="bg"></div><img class="animate hidden" src="/f/1/000.gif" width="523px" height="144px" alt="" /><img class="bullets hidden png" src="/f/1/bullets.png" width="423px" height="138px" alt="" /><div class="cover"><div class="l sphere"><div class="info gas"> 
    <p xmlns="http://www.w3.org/1999/xhtml" class="pi"> 
        <span>Сжиженный</span> 
        <span>природный</span> 
        <span>газ (СПГ)</span> 
        <span>будет</span> 
        <span>транспортироваться</span> 
        <span>за границу</span> 
        <span>в танкерах-газовозах</span> 
    </p> 
</div><div class="info euro"> 
    <p xmlns="http://www.w3.org/1999/xhtml" class="pi"> 
        <span>В Европу</span> 
        <span>природный</span> 
        <span>газ</span> 
        <span>будет</span> 
        <span>попадать</span> 
        <span>по магистральному</span> 
        <span>газопроводу</span> 
        <span>Nord</span> 
        <span>Stream</span> 
    </p> 
</div></div><div class="longitude"><div class="line point"><img xmlns="http://www.w3.org/1999/xhtml" alt="" width="33" height="11" src="/f/1/550.png" class="png" /></div><div class="grays point templateStyle1"> 
    <span xmlns="http://www.w3.org/1999/xhtml">Грайфсвальд</span> 
</div><div class="viborg point templateStyle1"> 
    <span xmlns="http://www.w3.org/1999/xhtml">Выборг</span> 
</div><div class="murmansk point templateStyle1"> 
    <span xmlns="http://www.w3.org/1999/xhtml">Мурманск</span> 
</div><div class="teriberka point templateStyle1"> 
    <span xmlns="http://www.w3.org/1999/xhtml">Териберка</span> 
</div></div><div class="r sphere"><div class="text dob"> 
    <p xmlns="http://www.w3.org/1999/xhtml" class="first_child pi objectiv"> 
        <span>Газ</span> 
        <span>будет</span> 
        <span>добываться</span> 
        <span>на </span> 
       	<a href="/project/about/offshore/"><ins> </ins>морском добычном комплексе</a> 
    </p> 
    <p xmlns="http://www.w3.org/1999/xhtml" class="pi"> 
        <span>Запасы</span> 
        <a href="/project/gasfield/">месторождения</a> 
        <span>составляют</span> 
        <span><strong>3,9 трлн м<sup>3</sup> газа</strong></span> 
    </p> 
</div><div class="text log"> 
    <p xmlns="http://www.w3.org/1999/xhtml" class="pi objectiv"> 
        <span>Для</span> 
        <span>реализации</span> 
        <span>проекта</span> 
        <span>будет</span> 
        <span>создан</span> 
        <span>огромный</span> 
        <a href="/project/about/logistics/"><ins> </ins>логистический комплекс</a> 
    </p> 
<div class="boxblock"><div class="eco"><i class="png"> </i> 
    <p xmlns="http://www.w3.org/1999/xhtml" class="pi objectiv"> 
        <span>Природный</span> 
        <span>газ —</span> 
        <span>самое</span> 
        <a href="/ecology/"><ins> </ins>экологически чистое</a> 
        <span>ископаемое</span> 
        <span>топливо</span> 
    </p> 
</div><div class="rus"><i class="png"> </i> 
    <p xmlns="http://www.w3.org/1999/xhtml" class="pi"> 
        <span>«Штокман» —</span> 
        <span>это, </span> 
        <span>в первую</span> 
        <span>очередь,</span> 
        <a href="/russian/"><ins> </ins>российский проект</a> 
        <span>с привлечением</span> 
        <span>международного</span> 
        <span>опыта</span> 
        <span>и инвестиций</span> 
    </p> 
</div></div></div></div></div></div><div class="main"><h2 class="pi"><a xmlns="http://www.w3.org/1999/xhtml" href="/press/news/">Новости</a></h2><div xmlns="http://www.w3.org/1999/xhtml" class="calendar"><ul class="navigation"><li><a href="/press/news/2010/"><noindex></noindex></a></li><li><a href="/press/news/2009/"><noindex></noindex></a></li><li><a href="/press/news/2008/"><noindex></noindex></a></li></ul></div><div xmlns="http://www.w3.org/1999/xhtml" class="articles"><div xmlns="" class="article_item"><div class="date"><span>7 декабря 2010</span></div><div class="title pos_1"><a href="/press/news/2010/106/">В Архангельске прошел семинар «Информационное взаимодействие в рамках Штокмановского проекта»</a></div></div><div xmlns="" class="article_item"><div class="date"><span>29 ноября 2010</span></div><div class="title pos_2"><a href="/press/news/2010/105/">Приглашаем на семинар для представителей СМИ «Фаза 1 Штокмановского проекта: текущий статус, основные технические решения, особенности экономической модели»</a></div></div></div> 
			
		
	
	
		
 
</div><div class="extra"><div xmlns="http://www.w3.org/1999/xhtml" class="iblock"> 
							<div class="pic png"></div> 
<h2 class="pi"><a href="/career/">Карьера</a></h2> 
							<p class="pi"><span>Вакансии</span><span>и рассказ</span><span>о наших</span><span>сотрудниках</span></p></div></div><div class="clear"></div><!--|x2--></div><div xmlns="" class="clear"></div><!--|x1--><div class="clear"></div><!--|x4--></div><div id="footer"><div class="reducer"><div class="content"><div class="main"><div class="inner"><div xmlns="http://www.w3.org/1999/xhtml" class="copyright">© 2010 «Штокман Девелопмент АГ»</div><div xmlns="http://www.w3.org/1999/xhtml" class="contact"><a href="/about/contacts/">Контактная информация</a></div><div class="search"><form xmlns="http://www.w3.org/1999/xhtml" type="common" action="/sitemap/results/"><div> 
	<input type="hidden" name="lang" value="ru" /> 
	<input type="search" name="text" class="text" placeholder="поиск" /> 
 
	<input type="submit" value="Найти" /> 
</div> 
</form> 
<a xmlns="http://www.w3.org/1999/xhtml" href="/sitemap/">Карта сайта</a></div></div></div><div class="extra copy"><p xmlns="http://www.w3.org/1999/xhtml">Сделано в <a class="" href="http://www.artlebedev.ru/" target=""><img alt="" width="90" height="37" src="/f/1/global/i/als_logo_2010.png" />Студии Артемия Лебедева</a><br /><a class="external no_blank" href="http://www.artlebedev.ru/everything/" target="">Информация о сайте</a></p></div></div></div></div></div></div><div xmlns="" id="imgHolder" alt="/f/1/global/earth.jpg"><img alt="" src="f/1/global/1.gif" /></div></body></html>
интересуют следующие вещи:
1. xmlns="http://www.w3.org/1999/xhtml" - я понимаю, когда это часть тега <html> - при xhtml doctype так надо, но зачем это в остальных элементах? (<p> <a> <span>)
2.
Код HTML:
<p xmlns="http://www.w3.org/1999/xhtml" class="pi"> 
        <span>В Европу</span> 
        <span>природный</span> 
        <span>газ</span> 
        <span>будет</span> 
        <span>попадать</span> 
        <span>по магистральному</span> 
        <span>газопроводу</span> 
        <span>Nord</span> 
        <span>Stream</span> 
    </p>
вот эта конструкция вызывает полное недоумение, зачем?

ps быть может я еще не познал все дао верстки от Самого А.Л, или же я вообще нифига в ней не шарю - раскройте глаза, проффи!
pps пруфлинк

upd - по 2-му пункту вроде бы разобрался
upd2 по 1-му вроде как тоже - он вяжется со вторым, как я понимаю, это сделано для добавления прозрачной подложки под буквы нестандартной формы, а объявление xmlns, видимо для правильного рендера во всех браузерах, но все-равно хотелось бы услышать мнение гуру

Последний раз редактировалось vladendark; 08.12.2010 в 01:09..
 
Старый 08.12.2010, 00:59
Ссылки
Старый 08.12.2010, 00:59
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
HTML верстка, верстка сайтов по стандартам w3c napoleon1985 Вакансии 1 27.11.2012 16:49
HTML верстка, верстка сайтов по стандартам W3C napoleon1985 HTML, CSS, JavaScript 3 24.10.2012 18:07
Верстка Tico Вакансии 1 26.01.2010 20:48
Макет сайта, интересна идея Sos Зал дебютантов 15 02.05.2006 09:58
Интересна объективная оценка данного макета персональной странички Katrin-design Зал дебютантов 13 18.03.2006 01:16


Текущее время: 18:00. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум