Краткий ответ: вы должны использовать таблицы для табличных данных (а не макет, см. здесь почему), в противном случае вы используете правильный элемент для правильной цели, p для абзацев, div для значимого разделения (не злоупотребляйте divs), и так далее. Каждый элемент служит определенной цели, и вы должны использовать w3.org для поиска.
Тем не менее, есть некоторые люди, которые все еще имеют неправильное настроение в CSS, вам следует избегать макетов, которые полностью зависят от абсолютного позиционирования и идеального злоупотребления пикселями, вместо этого полагаться на плавные макеты на основе em, когда вы можете поскольку они более адаптируются к различным разрешениям экрана и средам.
Другие преимущества использования правильной семантически размеченной HTML и CSS заключаются в том, что вы управляете всеми стилями из таблицы стилей, так что в результате получается меньше кода суппорта тегов (меньший размер файла), и вам нужно только беспокоиться об обновлении контента, не макет внутри разметки [отделение представления (css) от поведения (js) и контента (html)].