Статья : Article

Создавайте потрясающие статьи на своей странице с компонентом Article. Компонент Article состоит из самой статьи, заголовка, метаданных, вводного абзаца и разделителей.

Класс Пояснение
.uk-article Добавьте класс uk-article для определения компонента Article.
Как правило, при этом используется тег <article>, который представляет самостоятельную часть документа, может представлять статью на форуме, новость, запись блога, комментарий...
.uk-article-title Добавьте класс uk-article-title в заголовок, чтобы создать заголовок статьи.
Как правило, вы бы для этого использовали тег <h1>.
.uk-article-meta Добавьте класс uk-article-meta в абзац, который содержит метаданные вашей статьи.
.uk-article-lead Добавьте класс uk-article-lead в первый абзац статьи, чтобы выделить его.
.uk-article-divider Добавьте класс uk-article-divider к элементу <hr>, чтобы создать разделитель, разделяющий различные разделы вашей статьи.

Пример

Заголовок статьи

Душа моя озарена неземной радостью, как эти чудесные весенние утра, которыми я наслаждаюсь от всего сердца.

Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил, что он у себя в постели превратился в страшное насекомое. Лежа на панцирнотвердой спине, он видел, стоило ему приподнять голову, свой коричневый, выпуклый, разделенный дугообразными.


Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил, что он у себя в постели превратился в страшное насекомое. Лежа на панцирнотвердой спине, он видел, стоило ему приподнять голову, свой коричневый, выпуклый, разделенный дугообразными.

Читать далее

Разметка

<article class="uk-article">
    <h1 class="uk-article-title">Заголовок</h1>
    <p class="uk-article-meta">Автор, дата и время публикации</p>
    <p class="uk-article-lead">Выделим абзац</p>
    <p>...</p>
    ...
    <hr class="uk-article-divider">
    ...
</article>