Кастомизация вида и макета страницы

Кастомизация вида страницы

На страницах AMP можно использовать CSS, только – с некоторыми ограничениями. В частности, просто так подключать таблицы стилей нельзя. Всю таблицу нужно прописать в специальном теге кастомизации <style>, который прописывается в заголовке страницы. Именно в теге <style> прописываются все селекторы CSS:

<style amp-custom> /* Ваш стиль страницы */ body { background-color: white; } amp-img { background-color: gray; border: 1px solid black; }</style>

В одной странице AMP разрешается иметь только один такой тег кастомизации стиля, то есть – только одну CSS. Причем, определенные селекторы запрещены к использованию.

Кастомизация макета страницы

В целом, макетом страницы (то есть, расположением элементов на ней), в AMP можно управлять так же, как и в HTML – с помощью таблиц стилей, которые прописываются в строго определенном месте страницы. Поэтому, можно не переживать, любую AMP-страницу можно сделать такой, какой Вы хотите.

Однако, и в области макета страницы есть свои ограничения. Так как AMP создавалась для того, чтобы повысить скорость загрузки страниц, необходимо указывать точные размеры всех элементов страницы заранее.

Оставить комментарий

avatar
25412
  Подписаться  
Уведомление о