Как визуально текст опустить ниже по странице, но в коде оставить в начале?

Question

[pureman]

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

Answer 1

[Сергей Протько]

А разве не проще использовать WAI-ARIA вместо этих рудиментарных перестановок контента? Мне кажется профит от этого будет выше.

Comments

[pureman]

что то я погуглил и не понял все равно, что это за тема, как то сложно все, я в html все пишу

[Сергей Протько]

@pureman, примерно так:

<div class="stuff">
    <ul role="navigation">
        <li><a href="/">Home</a></li>
    </ul>
</div>
<div class="content" role="main">
<!-- Main Content -->
</div>

То есть явно задать роли для элементов, и это будет с точки зрения семантики правильнее, и проще.

[pureman]

спасибо!

Answer 2

[Deerenaros]

css

position: fixed;
bottom: 0pt;

или

position: absolute;
bottom: 0pt;

Если есть скрол, определяем высоту всей страницы в js, и обновляем bottom с отрицательным значением. Довольно грязный вариант, но самый простой, наиболее кроссбраузерный (если учесть все ньюансы), правда разбираться с наложениями элементов придётся самим.

Comments

[pureman]

а в html? и как опр-ть высоту через js? т.е. надо скрипт прописать определенный? в хэде или в теле? сорри, я нуб :(

[Deerenaros]

@pureman может быть гугл поможет?
Ну а вообще, это не лучшая практика. Послушайте @Fesor 'а.