Лучшие практики для создания макетов (с использованием серверного кода)

Question

Допустим, ради этого вопроса у меня есть элемент контейнера с тремя столбцами внутри этого контейнера и с правым полем в 10 пикселей, в третьем столбце я хочу установить для правого поля значение 0 пикселей.

Теперь есть два способа сделать это, я могу сделать это, используя jquery, чтобы выбрать nth-child, но я также могу сделать это на стороне сервера, используя простой счетчик циклов, чтобы получить третий элемент. Мой вопрос: какова рекомендуемая практика достижения чего-то подобного? Выполнение этого на стороне сервера означает, что макет работает отлично, даже если в браузере пользователей отключен JavaScript. Однако идея использования серверного кода по этим косметическим причинам может быть не идеальной практикой, и серверная сторона должна использоваться строго для функциональности.

Я хотел бы знать, что люди думают по этому поводу.

Answer 1

Как насчет использования CSS :last-child?

#container div:last-child { margin-right: 0; }

Если вы действительно заботитесь о IE6, вы можете добавить некоторый класс (например, final-column) в коде на стороне сервера для последнего столбца, но без встроенных стилей.

#container div:last-child, #container div.final-column { margin-right: 0; }

Наконец, не используйте Javascript для стилизации.

Answer 2

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