Какие существуют стандарты веб-разметки для создания адаптивных сайтов?

Для создания адаптивных сайтов используют, например, следующие стандарты веб-разметки:

• HTML5. 13 Язык разметки, с помощью которого задают координаты положения объектов на странице. 3
• CSS3. 13 Технология каскадных таблиц, с помощью которой создают правила отображения элементов страницы. 1 Можно задать такие параметры, как размер элемента при определённом разрешении экрана, процент занимаемого пространства и другие. 1
• Медиа-запросы. 34 Это специальные команды, которые задают стили для определённых устройств. 4 Они автоматически определяют разрешение экрана и тип устройства, что влияет на корректное отображение веб-страницы. 3

Также для создания адаптивной вёрстки используют фреймворки — сервисы с набором шаблонов разметки, CSS-таблиц и JS-скриптов. 4 Некоторые из них: Bootstrap, Foundation, Wirefy, FitVids, Adaptive Images. 4

При разработке адаптивного сайта учитывают брейкпоинты — контрольные точки, при достижении которых меняется дизайн и соотношение элементов. 5 Общепринятые размеры для разных устройств: 3

• для смартфонов — 320 px, 480 px и выше; 3
• для планшетов — 768 px и выше; 3
• для нетбуков — 1024 px и выше; 3
• для мониторов — 1280 px, 1600 px, 1920 px и выше. 3