|
|
Модератор форума: Yuri_G |
Сообщество uCoz Вебмастеру Раскрутка сайта SEO Семантика HTML5 - как правильно использовать элементы |
Семантика HTML5 - как правильно использовать элементы |
В общем, перекопал тонну информации по тегам HTML5, но
Код <html> <head> <title>Название сайта</title> </head> <body> <header> <h1><a href="http://mysite.com/">Название сайта</a></h1> <h2>Подпись сайта</h2> </header> <section> <nav>Главное меню сайта</nav> <main> Уникальный контент </main> <form>Форма поиска по сайту</form> </section> <aside> <nav>Меню данного раздела</nav> <section>Какая-нибудь дополнительная инфа или баннер</section> <section>Случайный опрос</section> </aside> <footer>Подвал</footer> </body> </html> Особенно интересует мнение о вложении <main> в <section>. Может стоит заменить <section> на старый добрый <div>? Дело в том, что сделать позиции <nav>, <main> и <form> независимыми невозможно по задумке дизайна. Они обязательно должны находиться в блоке, который визуально отделён от <header>, <aside> и <footer>. Короче, всё это можно было сверстать на таблицах и не париться, но хочется сделать так, чтобы задобрить роботов. |
mrx, какая связь между дивами и роботами? хотите задобрить рисуйте адаптивный
а это Код <h1><a href="http://mysite.com/">Название сайта</a></h1> |
Разумеется, он будет адаптивный. Где-то читал (по-моему это был комент от представителя Яндекса), что для логотипов и названий сайта в header'е допускается использование ссылок, вложенных в h1, а также наличие нескольких h1 на странице. Даже на том же http://habrahabr.ru/ все заголовки статей на странице представляют собой h1, в котором заключены <a> и <span>. |
mrx, ну сделайте как на хабре. там 10 аш1 на главной ссылками. но там ссылки заголовки статей. а у вас что? и у вас не хабр, а есть ещё гугл
а вот внутри материалов даже на хабре все кошерно. рисуйте код для пользователей ну или для себя, а не для поисковиков. а то начитаетесь всего везде и всюду и получится каша на сайте главное чтобы удобно и более менее красиво было и вообще рассуждать о семантике по скелету сайта по меньшей мере странно |
| |||
| |||