Табличная или div'ная верстка

Дивами проще, как для меня. Особенно это заметно при натяжке на движки, где нужно с помощью цикла выводить данные. Таблицами совсем не удобно выходит. Да и при изменениях в макете куда проще добавить один блок, чем искать пол дня куда и что нужно вставить, как соединить строки\столбцы по новому.

Вот новость! Ссылку в студию pl. Где это интересно, такие рекомендации?

Безусловно верстка является Важным фактором в оптимизации сайтов, но придерживаться 100% валидности кода... ихмо чрезмерные напряжения. Конечно, порой откроешь исходный код страницы, а там верстальщик оставил 5к задокументированного мусора, это не дело. Но не поставленный обратный слеш... - ничего страшного.

HTML5 конечно дал не мало возможностей, но что бы прямо уж так, не сказать. Раньше все эти потребности закрывались костылями и кто приуспел в костылях, тот не спешит осваивать нововведения. Это, кстати, касается и табличной верстки, когда только так - по стариковски :)

ExVood Вы прямо расставляете чрезмерно сильный акцент на взаимосвязь валидности кода с ТОР. Думаю не стоит. ПС не столь придирчивы к коду, как Вы на это напираете и уж точно, причиной потери позиций верстка не является. Конечно тут много "НО", и поведенческий фактор и потеря юзабилити и бла, бла, бла... - из за некроссбраузерной верстки и еще много можно нагородить, но не все так категорично.

только дивная, везде и всегда!

display: table, -row, -cell - и понеслась 🍿

*** тэги взяты произвольно, для примера.

	
<article>
	<header>
		<h1></h1>
		<p></p>
	</header>
	<section>
		<h2></h2>
		<aside>
			<table>
				<tr>
					<td></td>
					<td></td>
				</tr>
			</table>
		</aside>
	</section>
</article>

Или:

<table>
	<tr>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td>
			<table>
				<tr>
					<td></td>
					<td></td>
				</tr>
			</table>
		</td>
	</tr>
</table>

Рулит CSS, а не table, либо div.

Поддерживаю, так как вся суть таблицы - это ее стилевое оформление. Можно для table, tr, th и td назначить display:block - и будут элементы как стандартные дивы.

Вы сами ответили, весьма объективно на свой же вопрос. Табличная разметка нужна для того чтобы верстать таблицы. Так было задумано создателями HTML.

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

Так было проще, на тот момент. Сейчас, это уже спорный вопрос - что проще (если при создании сайта хочется использовать CSS3).

Не модно, так как в моду входит HTML5, а точнее корректная разметка контента, понятная мобильным устройствам (которых на рассвете HTML ещё не было). Т.е. нынче модно адаптировать дизайн для всех…

Думаю, старые сайты с табличной вёрсткой ещё долгое время продержатся в выдаче, ибо это говорит об их древности. А вот интернет-магазин мобильных устройств, думаю, в глазах поисковиков будет более адекватно восприниматься с HTML5, CSS3 и микроразметкой (schema.org). Корректная вёрстка, это и признак СДЛ.

Root77,

Прямиком из 1999-го года (не знаю, как найти более свежие) - http://www.w3.org/TR/WAI-WEBCONTENT/#gl-structure-presentation

Примерный перевод: неправильное использование разметки для визуального эффекта (например, использование таблиц в качестве слоёв или заголовков для изменения размера шрифта) создаёт трудности для пользователей со специализированным софтом в понимании организации страниц и навигации по ним.

На всякий случай, W3C - это организация, разрабатывающая веб-стандарты.

Адаптивный дизайн на таблицах фиг сделаешь. Я имею ввиду не просто масштабирование при изменении разрешения, а именно адаптацию, с изменением элементов (скрытием лишнего, изменением их порядка и проч.)

Ну и всякие слайдеры и прочий интерактив на табличках не очень как-то ))) Все равно div'ы пихать придется.

Да и очень сложно в законченную табличную верстку встроить что-то новое, когда под конец заказчик говорит "давайте это и это местами поменяем, а сюда в серединку воткнем еще и вот это". )))

Вложенные таблицы это дикий ад. В бесконечных tr td черт ногу сломит, помню попадались такие макеты раньше )))

Scaryer Заметьте: "Неправильное применение"!!!

Как по аналогии: Анальное отверстие необходимо для испражнения, а не для того, что бы туда что то пихать.

А правильность применения, это уже от знаний, опыта и сообразительности.

Порой и опытный верстальщик, за кучей знаний и опыта, может сразу и не сообразить какое решение применить.

Забавно само название темы. Не существует ни табличной, ни дивной верстки - как только ее, бедную, не называют, (некоторые используют даже такой жаргон: CSS-верстка).

Но есть структурная разметка страниц, где элементы подбираются не по тому, как они отображаются юзерагентами, а по смысловому предназначению. И только!

table - табличные данные

p - параграф

address - контактная информация

и т. д.

А вот если говорить о html5, особенно ориентированной на семантику, то продолжая тему -

div - обезличенный структурный элемент, не несущий в себе никакой смысловой нагрузки. И в проекте (т.к. еще не утверждена) html5 недвусмысленно заявлено, что этот элемент стоит применять только в крайних случаях, если не удается использовать наиболее подходящие по смысловому содержанию элементы.

Так что, учитывая такую направленность стандартов на смысловую составляющую элементов разметки, можно предположить, что в конечном счете ПС будут реагировать на разметку страниц. И, конечном счете -

<div>Москва, Кремль</div>

будет выглядеть по сравнению с:

<address>Москва, Кремль</address>

как минимум ущербно (о таблицах даже речи быть не может).