Не уверен, что именно так и нужно именовать.

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

Но вообще, иногда действительно left-right выглядят удобнее и функциональнее, чем семантические имена.

Я, как и gordi, всегда использую left-right. Интересно будет почитать твои мысли на этот счет :)

gordi: Все равно для разбора чужого творчества я пологался бы только на свой верный Firebug. Он не обманет. Но вообще, иногда действительно left-right выглядят удобнее и функциональнее, чем семантические имена. Кажется я даже знаю причину. Это тема для отдельной заметки, кстати :)

<div id=”header”>HEADER</div>
<div id=”middle”>
<div class=”wrap”>
<div class=”content”>CONTENT</div>
<div class=”left”>LEFT</div>
<div class=”right”>RIGHT</div>
</div>
</div>
<div id=”footer”>FOOTER</div>

Просто и понятно любому :)
Стандартная трех колоночная страничка, убрали LEFT или RIGHT будет две колонки.

header

middle

.wrap
.content
.left
.right

footer

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