|
Интересна версткаОбсуждение темы Интересна верстка в разделе 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.. |
|
Опции темы | |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
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 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|