Форум Сайтостроение Веб-строительство

Верстка: главный блок первым в коде

SKYNET!
На сайте с 11.06.2004
Offline
37
SKYNET!
471

Добрый день! В сети есть шаблонов CSS верстки, позволяющие разместить блок с контентом первым в коде.

С точки зрения надежности и простоты хочеться использовать, все же, таблицу с ячейками для каждой колонки.

А Dreamweaver CS3 предлагает шаблоны с колонками со свойствами float и контентом в нижнем блоке.

С точки зрения SEO есть ли значение в каком месте в коде расположен блок с контентом?

olll
На сайте с 07.11.2006
Offline
116
olll
#1

Если у Вас большие по обьему страницы, то робот может не дочитать страницу до конца. Если страницы не большие, то не парьтесь.

S
На сайте с 20.08.2007
Offline
140
somick
#2

Вот мой трехколоночный шаблон на CSS, где контент распологается в первом контейнере. Может пригодится. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Шаблон трехколоночный</title>

<style type="text/css">

/*Общие*/

* {margin: 0; padding: 0;} /*Обнуляем все*/

body {position: relative; min-height: 100%;} /*Установки для футера*/

*html body {height: 100%;} /*Привет 6 Ослу*/

html {height: 100%;} /*Установки для футера*/



/*Позиции*/

div#header{

  position:relative}

div#conteiner{

  position: relative; width:100%}

*html #conteiner{

  margin-left: -250px; } /*Исправляем глюк в ИЕ6*/

div#content{

  float:left;

  margin: 0 250px 0 250px}

div#left{

  background:#336699;

  float:left;width:250px;margin-left:-100%}

div#right{

  background:#66FFFF;

  float:left;width:250px;margin-left:-250px}

div#footer{

  background: #0000FF;color: #FFF;

  position:absolute; bottom: 0;

  width:100%}

/*Text*/

body{font: 76% arial,sans-serif}

p{margin:0 10px 10px}

a{display:block;color: #006;padding:10px}

div#header h1{height:80px;line-height:80px;margin:0;

padding-left:10px;background: #EEE;color:black;}

div#content p{line-height:1.4}

div#left p {color: white;}

div#footer p{margin:0;padding:5px 10px}

div#footer a{display:inline;padding:0;color: #C6D5FD}

</style>

</head>

<body>

<div id="header"><h1>Заголовок</h1></div>



<div id="conteiner">

<div id="content">

<p><strong>1) Контент, статья.</strong> Исходя из уравнения Эйлера, серпантинная волна притягивает бозе-конденсат, все дальнейшее далеко выходит за рамки текущего исследования и не будет здесь рассматриваться. Лазер ясен не всем. Система координат фактурна. Брекчия, несмотря на то, что в воскресенье некоторые станции метро закрыты, многопланово осмысляет психологический параллелизм, хотя законодательством может быть установлено иное. Различное расположение диссонирует подвижный объект, таким образом, сходные законы контрастирующего развития характерны и для процессов в психике. </p>

<p>Бур традиционен. Вулканическое стекло, не учитывая количества слогов, стоящих между ударениями, деформирует экзотермический культовый образ, осознав маркетинг как часть производства. Между тем, действие определяет продуктовый ассортимент, в итоге приходим к логическому противоречию. Политическая психология, как следует из вышесказанного, вероятна.</p>

<p>Филиация реально вызывает бихевиоризм, откуда следует доказываемое равенство. Винил, либо из самой плиты, либо из астеносферы под ней, mezzo forte понимает под собой интеграл Гамильтона, что неудивительно. Рифма, и это следует подчеркнуть, приводит ролевой гравитационный парадокс, при этом нельзя говорить, что это явления собственно фоники, звукописи. Сомнение тормозит тоталитарный тип политической культуры, но известны случаи прочитывания содержания приведённого отрывка иначе. Элювиальное образование одномерно вызывает эллиптический афтершок, хотя законодательством может быть установлено иное. Из комментариев экспертов, анализирующих законопроект, не всегда можно определить, когда именно поручительство восстанавливает законодательный дип-скай объект (отметим, что это особенно важно для гармонизации политических интересов и интеграции общества). </p>

</div>

<div id="left">

<p><strong>2) Навигация.</strong> Наследование активно. Необходимым и достаточным условием отрицательности действительных частей корней рассматриваемого характеристического уравнения является то, что ощущение мира огромно. Деградация начинает многомерный смысл жизни, именно поэтому голос автора романа не имеет никаких преимуществ перед голосами персонажей. Принимая во внимание искусственность границ элементарной почвы и произвольность ее положения в пространстве почвенного покрова, давление почвенной влаги недетерминировано интегрирует окисленный ортзанд, причем, вероятно, быстрее, чем прочность мантийного вещества.</p>

</div>

<div id="right">

<p><strong>3) Здесь всякая мутотень.</strong> Культ джайнизма включает в себя поклонение Махавире и другим тиртханкарам, поэтому информация существенно гарантирует невероятный краснозём, механически интерпретируя полученные выражения. Высшая арифметика полифигурно редуцирует девиантный почвообразовательный процесс, перейдя к исследованию устойчивости линейных гироскопических систем с искусственными силами. Харизматическое лидерство, следовательно, отклоняет теплый катод при любой точечной группе симметрии. Отсюда естественно следует, что дискредитация теории катарсиса вероятна. Информационно-технологическая революция, несмотря на внешние воздействия, стремится к нулю.Б</p>

</div>

</div>

<div id="footer"><p>Это футер. Тут защищены наши права и обязанности. Копирование разрешено без ограничений.</p></div>



</body>

</html>

Вроде неплохо работает. Хотя, я обычно его немного дорабатываю под конкретные цели.

Футер всегда внизу, колонки можно делать как резиновыми, так и с фиксированой шириной в зависимоти от необходимости.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий