Прошу критики моей первой верстки

[dpx]

Здравствуйте, жители форума!

Это первый шаблон, который я сверстал - bit.ly/TGJrob. Прошу конструктивной критики моей вёрстки. Интересует HTML-документ на соответствие HTML5, а также критика по CSS-коду. Попиксельного совпадения не добивался.

В процессе вёрстки делал типичную ошибку:

<div class="line-bg"></div>

Но потом исправился и нашёл, кмк, более адекватный вариант.

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

Post Scriptum:

Каждого, кто оставит конструктивное сообщение отблагодарю плюсом в репутации (как только наберу необходимое количество сообщений), сейчас у меня "исчерпан лимит".

[Veseloff]

1. Если сжать окно до ? 800px по ширине, то хедер и футер ведут себя некорректно. А именно фон у них.

2. header вроде как используется для «шапки» сайта, а использование его в статье вроде как и не уместно. Могу и ошибаться.

3. В footer-right зачем-то вложен p. Зачем?

А так вроде ништяк — мне нравится.

[dpx]

1. Если сжать окно до ? 800px по ширине, то хедер и футер ведут себя некорректно. А именно фон у них.

2. header вроде как используется для «шапки» сайта, а использование его в статье вроде как и не уместно. Могу и ошибаться.

3. В footer-right зачем-то вложен p. Зачем?

А так вроде ништяк — мне нравится.

1. Можно, пожалуйста, скриншот. Уже нашёл в чём причина, по неопытности не знал, как тестировать. Надо будет разобраться. Видимо min-width нужно указать?

UPD: Да, min-width: 940px всё исправил.

2. Недавно читал статью: Избегаем популярных ошибок в HTML5. Там рассказывали про неправильное использование <hgroup> и приводили вот такой пример:

	<header>
	    <h2>Perfect Logic</h2>
	    <p>All you want your website to do.</p>
	</header>

И просматривая исходный код разных гуру я видел даже неправильное, кмк, использование <header>:

	<article>
            <header>
	        <h2>Perfect Logic</h2>
	    </header>
            <p>Sed ut perspiciatis unde omnis iste natus error.</p>
        </article>

Насколько я понимаю, был также вариант использовать <hgroup>, но мне такая конструкция показалась излишней.

	
        <article>
            <hgroup>  
	        <h1>Perfect Logic</h1>
	        <h2>All you want your website to do.</h2>
	    </hgroup>
            <p>Sed ut perspiciatis unde omnis iste natus error.</p>
        <article>

3. Ну, я честно говоря на автомате написал <p>, но я не знаю насколько это можно расценивать как ошибку. Всё равно же, если там добавится новая строка - нужно будет указывать <p>?

Спасибо за отзыв.

Ещё хотел спросить: этот макет натянуть на какую-то CMS возможно или с этой точки зрения он слишком корявый?

Edited November 13, 2012 by dpx

[FEL]

Макет нравится, код не смотрел, тоже хочу его сверстать

Может дашь линк на psd?

[gibigate]

Я немного по html5, h1 отсутствует, структура начинается с Lorem ipsum

http://i.imgur.com/RW5wz.png иерархию надо соблюдать.

article>header>p можно поменять на small

В целом хорошо.

[pismenny]

http://i.imgur.com/RW5wz.png иерархию надо соблюдать.

А как можно посмотреть такую иерархию сайта?

[FEL]

Я немного по html5, h1 отсутствует, структура начинается с Lorem ipsum

http://i.imgur.com/RW5wz.png иерархию надо соблюдать.

article>header>p можно поменять на small

В целом хорошо.

Где написано что h1 должен обязательно присутствовать?

Я вот изучаю и <hn> не использую(

ну не нравится он мне

[pismenny]

Edited February 1, 2013 by pismenny