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

Кстати, о дизайне. Довольно часто встречаются страшные конструкции из таблиц, блоков, <center>, <font> и прочей нечисти с инлайн стилизацией. Естественно, в таком случае ни о какой логичности и семантичности в таком случае и речи быть не может.

Что такое семантика?

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

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