Для логического отделения блоков. Страница может состоять из разных блоков никак не связанных между собой. Удалять и вставлять новые легко и понятно.
Блоки могут иметь разный дизайн, например бг должен занимать всю ширину а внутри имеется container.
В итоге все зависит от задачи. Если вам подходит второй вариант, то используйте его, никакой ошибки в этом нет. Мне по душе первый вариант - он более гибкий.
Такой подход в корне не правилен. Верстка должна быть общей для всех девайсов, а приводить ее в соответствующий вид для тех или иных разрешений нужно через css и media-query. Чем меньше html разметки, тем лучше.
