Какой контент потребляешь из AMP страницы

«Какой контент потребляешь из AMP страницы» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

AMP (Accelerated Mobile Pages) — это фреймворк для быстрой загрузки мобильных страниц. Основной контент, который можно получить из AMP-страницы:

  1. Основной контент (статьи, новости, товары) — обычно в <amp-story> или <article>.
  2. Медиа (изображения, видео) — через <amp-img>, <amp-video>.
  3. Динамические данные — через <amp-list> или <amp-state> (JSON-данные).
  4. Реклама — через <amp-ad> (поддерживает различные сети).
  5. Аналитика — через <amp-analytics> (метрики поведения).

Пример получения данных через <amp-list>:

<amp-list src="https://api.example.com/data.json" layout="fixed-height" height="200">
  <template type="amp-mustache">
    <div>{{title}}</div>
  </template>
</amp-list>