Посмотрите пожалуйста

[Softlink]

Приветствую всех!

Сегодня взялся переверстать один проект. Решил подключить сюда html5. Вот это больше всего и интересует. Сейчас, как я понял, нет полной ясности в правильной разметке макетов. Почитал разных статей, привел к общему знаменателю и сделал как сделал. Посмотрите пожалуйста, пока сверстал 2 страницы. Что поменять можно. Ну и в целом верстку можно глянуть.

Примечание. В ИЕ6-7 сайт работать не должен. Т.е. там будут отображаться какие-то буквы и картинки, но как оно там будет выглядеть ни меня, ни заказчика не интересует.

Вот ссылки:

http://www.alpatriott.ru/works/altai/

http://www.alpatriott.ru/works/altai/base.html

Заранее спасибо.

upd во второй ссылке есть форма, вот ее обсуждать не надо. Она будет переверстываться, поэтому и стили инлайн, чтобы не засорять css и сама она не совсем правильная.

Edited August 31, 2011 by Softlink

[Dinow]

А почему везде заголовки 3го уровня? По логике HTML5 ведь каждый раздел может содержать собственный H1

[Softlink]

А почему везде заголовки 3го уровня? По логике HTML5 ведь каждый раздел может содержать собственный H1

Резонный вопрос. Здесь я пытался придерживаться все-таки иерархии заголовков те h1>h2>h3

Кстати, на первой странице я так и не придумал куда втулить H2, но посчитал, что много несколько h2 тоже не очень хорошо. Если логика html5 не идет впику с логикой поисковиков, тогда эта проблема отпадет.

[Vlad]

В строке <link href="http://fonts.googleapis.com/css?family = убрать пробелы, шрифт из-за них не загружается.

Убрать "Название фотографии" из <figure>, не дураки, догадаемся.

Этот блок можно переделать на <hgroup><h1><h2>

<div class="bigname">

<h2>Название базы отдыха</h2>

<span>

<span class="reiting">155</span>

</span>

</div>

Правда не понятно, что такое 155, если это не подзаголовок, то можно оставить как есть.

Ну, и Алиса уже заметила, что заголовки можно H1 поставить в <header>.

[Softlink]

В строке <link href="http://fonts.googleapis.com/css?family = убрать пробелы, шрифт из-за них не загружается.

А вроде подгружается шрифт.. Но уберу все равно.

Убрать "Название фотографии" из <figure>, не дураки, догадаемся.

Там будет именно название фотографии. Я не знаю, чем оно будет отличаться от ссылки под ним же, но сказали, что надо сделать именно так.

Этот блок можно переделать на <hgroup><h1><h2>

<div class="bigname">

<h2>Название базы отдыха</h2>

<span>

<span class="reiting">155</span>

</span>

</div>

Правда не понятно, что такое 155, если это не подзаголовок, то можно оставить как есть.

Ну, и Алиса уже заметила, что заголовки можно H1 поставить в <header>.

155 - это рейтинг. Слева от него будет скрипт рисовать звездочки, они не верстались.

С заголовками понял. А вот там есть заголовки как в хедере, так и в обычных блоках. Т.е. это нормально, что в идут в перемешку h1 и h3?

Спасибо за рецензию.

[Vlad]

Да, точно подгружается, перепутал его с Arial.

Логика с заголовками такая, если есть <article> или <section> вставляем H1. Если есть H1 и какой-то вроде заголовок, то можно <hgroup> использовать и объединить их в один.

[Softlink]

Да, точно подгружается, перепутал его с Arial.

Логика с заголовками такая, если есть <article> или <section> вставляем H1. Если есть H1 и какой-то вроде заголовок, то можно <hgroup> использовать и объединить их в один.

Это понятно. Я вот про такие моменты говорю:

<section class="bazy">
				<header class="zagolovok">
					<h3>Базы</h3>
					<span>по рейтингу <a href="#" class="dotted-link">новые</a> <a href="#" class="more">еще базы отдыха</a></span>

и следом большой блок:

<div class="place-list">
				<div class="places">
					.....

В котором несколько "подблоков" - places. Сам большой блок не имеет заголовка, а подблоки вроде как на section не тянут, чтобы им писать header и ставить h1.

[Vlad]

С place-list момент многозначный, по разному его можно сделать, как section, как nav и др. Лучше оставить как есть.

[Softlink]

С place-list момент многозначный, по разному его можно сделать, как section, как nav и др. Лучше оставить как есть.

Вот и я сидел думал над этим. Потом прочитал небольшую статейку, где говорилось, что не надо использовать section только для оформления, т.е. для "чтобы было" и header для одного "H" писать тоже совсем не обязательно. Поэтому и сочетал section и обычные дивы.