Параметры на стороне сервера для доставки различной структуры страницы (HTML) на разные мобильные устройства

Я изучаю передовые методы разработки мобильных сайтов в «классическом» стиле, т. е. мобильных сайтов, которые доставляются и воспринимаются как мобильные HTML-страницы, а не небольшие приложения JavaScript (jQuery Mobile, Sencha и т. Д.).

Существует два преобладающих подхода:

1. Доставить одну и ту же структуру страницы (HTML) на все мобильные устройства, а затем использовать медиа-запросы CSS или JavaScript для улучшения взаимодействия с более функциональными устройствами.
2. Предоставление полностью другой структуры страницы (и, возможно, содержимого) устройствам с расширенными возможностями.

Меня особенно интересуют передовые практики для второго подхода. Два хороших примера:

1. Мобильные устройства MIT ite: отличается для Blackberry и функциональных телефонов (меньше), чем для устройств iOS и Android, но доступен по тем же URL - http://m.mit.edu/

2. мобильный сайт CNN: ditto - http://m.cnn.com/

Я хотел бы услышать от людей здесь, в SO, действительно работали над чем-то вроде этого, и они могут объяснить, каковы лучшие практики для доставки этого типа устройств, зависящих от структура / содержание / опыт.

Мне не нужен учебник по обнаружению мобильных пользовательских агентов или WURFL, или любой из концепций, описанных в других (замечательных) потоках SO, таких как этот . Я использовал jQuery Mobile и Sencha Touch, и я знаком с большинством подходов к доставке final мобильных приложений, поэтому и здесь указатели не требуются, спасибо.

Что мне действительно хотелось бы понять, так это то, как эти конкретные типы взаимодействия предоставляются с точки зрения обнаружения и доставки на стороне сервера на основе групп пользователь-агент - где одна урезанная структура страницы (другой HTML) доставляется в одна группа устройств и другой более богатый тип HTML-документа, доставляемый на новые устройства, но оба в одном субдомене / URL.

Надеюсь, что все имеет смысл. Заранее большое спасибо.