Оцените, пожалуйста, верстку

[aleks-lv]

Макет фиксированный, я его немного изменил под резинувую верстку.

Прошу оценить построение, сементику кода и, конечно, ошибки. Буду благодарен за любые замечания и подсказки.

 

В ИЕ7 не решил две проблемки: в главном меню (menu_main) и меню футера (menu_ftr), буду рад если кто подскажет в чем загвоздка.

 

Макет в psd: http://aleks-lv.ucoz.ua/spec.psd

Макет в jpg: http://aleks-lv.ucoz.ua/spec.jpg

 

Страничка: http://aleks-lv.ucoz.ua/spec-teh/index.html

[vera17]

Может зря только и столько h1 использовали?

Префикс moz- для бордер радиус, как и для тени можно не прописывать http://caniuse.com/#feat=border-radius   http://caniuse.com/#feat=css-boxshadow

Под ИЕ7 уже почти не верстают

А зачем вы в .news  Подробнее кроме  <a> ещё в  <p> обернули?

<article class="news">						<p><time datetime="2014-09-19">19 СЕНТЯБРЯ</time></p>						<p class="news_cont">Оперативные поставки дробилок и грохотов McCloskey + бесплатная пуско-наладка </p>						<p><a class="more" href="#">Подробнее</a></p>					</article>

А так ,на мой неискушённый взгляд, очень хорошая вёрстка.  

[aleks-lv]

Благодарю за отзыв!

 

Извините, не понял почему можно не прописывать префиксы для Мозиллы. Если можно объясните.

 

Тэг "p" действительно лишний. Благодарю.

[vera17]

Всегда пожалуйста!

Потому что мозилла распознает это свойство без префикса, я вам ссылочку кидала

Вот ещё в тему http://webknowledge.ru/actualnost-vendornyh-prefiksov-dlya-svoystv-boxshadow-i-borderradius/

[aleks-lv]

Теперь понятно.

[DivMan]

меня бесят такие хаверы в ссылках  

[aleks-lv]

Если можно конструктивнее, что именно плохо и почему.

[CroaToa]

Если можно конструктивнее, что именно плохо и почему.

тоже интересно. 

[DivMan]

 

Если можно конструктивнее, что именно плохо и почему.

тоже интересно. 

 

бесит когда слово резко сдвигается 

[CroaToa]

бесит когда слово резко сдвигается 

 

Слово там не сдвигается по моему, а становиться жирнее, а внизу добавляются маркеры списка. И какое отношение это имеет к верстке?

Edited March 6, 2014 by CroaToa

[DivMan]

 

бесит когда слово резко сдвигается 

 

Слово там не сдвигается по моему, а становиться жирнее, а внизу добавляются маркеры списка. И какое отношение это имеет к верстке?

 

когда маркер добавляется, то слово сдвигается 

[aleks-lv]

когда маркер добавляется, то слово сдвигается

 

Так еже-ли посмотреть на макет, то оно и должно сдвигаться на хавер. Все по макету.

[advokatua]

header, article, section - судя по их использованию никакой семантики в макете нет. Какое-то хаотическое использование хтмл5, без малейшего понимания зачем и почему.  

 

Логотип обернутый в section - победитель хит-парада.   

[aleks-lv]

Благодарю за ваш отзыв.

Судя по награде вы хорошо владеете версткой.

Если вас не затруднит укажите в чем я ошибаюсь. Ниже сокращенный код с моими рассуждениями об использовании в том или ином месте тега html5

<header> ...   <!--шапка страницы--> </header>                 <nav>            <!--главное меню страницы-->     <ul class="menu_main">  </ul>     </nav>                 <aside>         <!--левая колонка страницы-->       <header><h1>ПОСЛЕДНИЕ НОВОСТИ</h1></header> <!--шапка левой колонки-->       <article class="news">                 <!--блок новостей. так как это в общем не все новости, а ссылка на них, то были сомнения что использовать article или section-->               <p><time datetime="2014-09-19">19 СЕНТЯБРЯ</time></p>               <p class="news_cont">Оперативные поставки дробилок и грохотов McCloskey + бесплатная пуско-наладка </p>               <a class="more" href="#">Подробнее</a>         </article>                     </aside> <main>           <!-- основной блок с контентом-->        <header>            <!-- шапка блока с контентом-->              <h1>НЕСКОЛЬКО СЛОВ О НАС</h1>         </header>             <p></p>                     </main> <section class="menu_logo">              <!--меню с логотипами. тут возможно не следовало использовать section, а написать сразу ul. -->        <ul> ... </ul>    </section><footer>             <!--подвал-->      <nav class="menu_ftr clearfix">            <!--навигация в подвале. навигация сложная поэтому использовал секции с заголовками-->        <section>              <h1>О КОМПАНИИ</h1>               <ul> ...</ul>         </section>         <section>                <h1>СЕРВИС</h1>               <ul> ...</ul>          </section>                           </nav>                                              </footer>

Edited March 6, 2014 by aleks-lv

[aleks-lv]

Логотип обернутый в section - победитель хит-парада

 

В section обернутый не только логотип, то есть основной графический символ фирмы, но и тег "h1" отображающий название этой фирмы.

[advokatua]

читайте это http://html5doctor.com/article-archive/

раздел "HTML5 Semantics". Многим статейкам по 4 года, но актуальность от этого они не утратили.

 

В section обернутый не только логотип...

Поближе приглядись, H1 там со свойством хидден.

 

Не знаю как сейчас, но 2 года назад поисковики такое чудо не индексировали, пусть меня поправят СЕО маги, если ошибаюсь. 

Edited March 6, 2014 by advokatua

[aleks-lv]

читайте это http://html5doctor.c...rticle-archive/

Вы можете указать, что неправильно?

[advokatua]

Проще сказать, что правильно ) 

[aleks-lv]

Поближе приглядись. H1 там со свойством хидден. Не знаю как сейчас, но 2 года назад поисковики такое чудо не индексировали, пусть меня поправят СЕО маги, если ошибаюсь.

Это я использовал сознательно, думал h1 headera страницы будет индексироваться.

 

Ну хорошо, если кто-нибудь из СЕО специалистов ответит что это не так, больше использовать не буду.

Но я все же хотел бы узнать более глобально, почему все сие творение -

 

Какое-то хаотическое использование хтмл5, без малейшего понимания зачем и почему.

 

Я без обиды, хочу научиться

Edited March 7, 2014 by aleks-lv

[iKNG]

Блок новостей надо заключать в section. В htmlbook он как раз приведен как пример использования section. Article используется для выделения отдельной статьи.

Edited March 6, 2014 by iKNG

[aleks-lv]

Блок новостей надо заключать в section. В htmlbook он как раз приведен как пример использования section. Article используется для выделения отдельной статьи.

 

 

Благодарю за отзыв.

На сайте http://css-live.ru/articles/element-article.html написано: "Независимый фрагмент контента, подходящий для заключения в тег <article>, это содержимое, которое имеет смысл само по себе. Соответствие этому критерию определяется на ваше усмотрение, но вообще легко проверить, является ли контент независимым, ответив на вопрос, можно ли его разместить в RSS-фиде?"

 

На Википедии: "RSS — семейство XML-форматов, предназначенных для описания лент новостей, анонсов статей, изменений в блогах и т. п."

 

Мое усмотрение решило, что для новостей лучше использовать article, хотя и были сомнения в связи с неполным объемом текста в блоке.

 

Прокомментируйте, пожалуйста, приведенные цитаты. Где я ошибаюсь?

Edited March 7, 2014 by aleks-lv

[aleks-lv]

Не знаю как сейчас, но 2 года назад поисковики такое чудо не индексировали, пусть меня поправят СЕО маги, если ошибаюсь.

 

 

Вот статья за 2011-09-28 http://szenprogs.ru/blog/indeksirovanie_sajta_poiskovikami/2011-09-28-121

 

Выводы. Все поисковые системы отказываются индексировать содержимое JavaScript-вывода. При этом, комментарий <!--noindex--> действует во всех системах, базирующихся на Яндекс. Текст же, зашитый в блок со стилем display:none спокойно индексируется всеми тестовыми поисковиками.

Edited March 7, 2014 by aleks-lv

[iKNG]

RSS — как сказано, лента новостей. Но, во-первых, блок новостей и RSS — совсем разные вещи, а во-вторых, в RSS публикуется для каждой статьи ее название, ссылка, дата создания, краткое описание и прочее. Автор приведенной Вами статьи имел в виду как раз это краткое описание отдельной статьи в RSS. А не всю ленту.

Насчет SEO: так статья была написана 3 года назад, а не 2. Сейчас уже поисковики отсеивают не только display: none. Даже слитый с фоном текст умеют распознавать.

[aleks-lv]

Насчет SEO

 

 

Тогда получается, если название компании ставим на странице логотипом, то в текстовом виде в body может вообще отсутствовать упоминание про нее (т.е. компанию)? Ведь h1-hidden использовался чтобы название фирмы, как самое существенное, было отображено.

 

И еще, разрешите Вас спросить: так как уважаемый 'advokatua' камня на камне не оставил от моего нтмл5, но о конкретных вещах (кроме блока с логотипом) скромно умолчал, считаете ли Вы тоже сделанную страничку "хаотичным использование хтмл5, без малейшего понимания зачем и почему"? Или все-же основа верна, а ошибки в деталях (в частности, упомянутых выше section - article)?

[advokatua]

Нужно было прочитать статьи по ссылке, они не такие уж и большие. 

У вас 80% вопросов сразу бы отпало.

Вот почему хаос (половина от всего):

 

Что это такое и о чем оно говорит написано в гугле,

или тут http://webgyry.info/html5-outline