Порядок HTML-кодирования в зависимости от макета

Question

Я хочу создать сайт с заголовком, навигационной частью и контентом ... для целей SEO я хочу кодировать в порядке контента, заголовка и области навигации ... но при просмотре сайта мы хотим сначала увидеть заголовок затем область навигации, затем содержимое ... есть ли способ сделать это?

Answer 1

Абсолютное позиционирование.Это создает множество других проблем, связанных с фиксированной высотой, но дает вам представление о том, куда идти. Также, согласитесь с комментариями, это не очень хороший подход и может даже лежать на грани "черной шляпы" SEO-методов.

<div id="Container">
    <div id="Content"><div>
    <div id="Header"><div>
    <div id="Navigation"><div>
<div>

#Container
{
    position: relative;
}
#Content
{
    position: absolute;
    top: 300px;
}
#Header
{
    position: absolute;
    height: 200px;
    top: 0px;
}
#Navigation
{
    position: absolute;
    height: 100px;
    top: 200px;
}