АНО "Институт археологии севера"

logo
меню

HTML тест

Заголовок 1 уровня

Заголовок 2 уровня

Заголовок 3 уровня

Заголовок 4 уровня

Заголовок 5 уровня
Заголовок 6 уровня

Это обычный абзац текста с жирным выделением, курсивом, подчеркиванием, надстрочным (sup), подстрочным (sub) и ссылкой в тексте.

Списки всех типов

Заголовок списка определений (dt)
Описание или определение термина внутри списка (dd).
  • Элемент маркированного списка 1
  • Элемент списка 2
    • Вложенный список уровня 2
  1. Первый элемент нумерованного списка
  2. Второй элемент

Пример формы и элементов ввода

Легенда fieldset









Пример таблицы данных

Заголовок 1 Заголовок 2 Заголовок 3
Ячейка 1 Ячейка 2 Ячейка 3
Ячейка 4 (четная) Ячейка 5 Ячейка 6

Цитата:

Это пример цитаты с использованием тега blockquote. Текст внутри этого элемента адаптирован под исторический стиль сайта.

Различные типы кнопок:



Кнопка-ссылка

Пример кода и преформатирования:

function example() {
  console.log("Hello World");

/* vk-video стили */

.vk-video-container {
  position: relative;
  padding-bottom: 56.25%; /* соотношение 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 20px 0;
  border: 2px solid #F1D9C8;
  border-radius: 0px;
}
}

Заголовок первого уровня (H1) — Обычно это название статьи

Это стандартный абзац текста (тег p). Лорем ипсум долор сит амет, консектетур адиписцинг элит. Сниппет проверяет базовый размер шрифта, межстрочный интервал (line-height) и общие отступы между параграфами контента. Внутри текста могут быть жирный текст (strong), курсивное начертание (em), а также зачеркнутый текст (del) и подчеркнутые слова (u).

А это пример встроенной гиперссылки (тег a) в середине текстового массива. Она проверяет, как тема выделяет ссылки в тексте (цветом, подчеркиванием) и есть ли реакция на наведение курсора.

Заголовок второго уровня (H2) — Главные разделы статьи

Перед этим абзацем стоит тег горизонтального разделителя (hr). Ниже проверяется отображение стандартного маркированного списка, который часто используется в археологических отчетах и публикациях.

  • Первый элемент маркированного списка (тег ul -> li).
  • Второй элемент списка, содержащий выделенное слово.
  • Элемент списка со ссылкой на внешний источник данных.
    • Вложенный элемент списка второго уровня.
    • Еще один вложенный элемент для проверки левого отступа (padding-left).
  • Финальный элемент главного списка.

Заголовок третьего уровня (H3) — Подразделы контента

После заголовка H3 протестируем нумерованный (упорядоченный) список, где WordPress автоматически расставляет цифры.

  1. Первый шаг инструкции или хронологического порядка (тег ol -> li).
  2. Второй пункт списка.
  3. Третий пункт, внутри которого есть мелкий технический инлайн-код: get_field('video_url').

Заголовок четвертого уровня (H4)

Заголовок пятого уровня (H5)
Заголовок шестого уровня (H6)

Тест цитаты (Blockquote)

Классический редактор WordPress позволяет выделять важные мысли авторов или выдержки из документов с помощью специальной кнопки цитирования:

«Это текст внутри тега blockquote. Тема должна автоматически добавить ему отступы слева, возможно, изменить шрифт на курсивный или добавить декоративную вертикальную линию у края, отделяя его от основного массива статьи». — Автор цитаты

Тест стандартной таблицы (Table)

Ниже представлена базовая разметка таблицы, которую генерирует WordPress без использования плагинов. Проверяет, создает ли тема рамки, отступы внутри ячеек (padding) и выделяет ли шапку таблицы.

Наименование артефакта Шифр коллекции Глубина (см) Сохранность
Фрагмент керамики сосуда НА-2024-К01 -40 Удовлетворительная
Костяное проколка-шило НА-2024-Б12 -65 Хорошая
Кремневый отщеп (фрагмент) НА-2024-КР08 -110 Полная

Тест системных блоков и кода (Pre / Code)

Если в статье публикуются технические данные, логи или шорткоды, используется блок предварительно форматированного текста (pre):

/* vk-video стили */

.vk-video-container {
  position: relative;
  padding-bottom: 56.25%; /* соотношение 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 20px 0;
  border: 2px solid #F1D9C8;
  border-radius: 0px;
}
}

Тест медиафайлов и выравнивания (Images)

Классический редактор WordPress добавляет картинкам специальные классы для выравнивания. Этот тест покажет, умеет ли Астра обтекать текстом изображения.


Картинка с выравниванием по левому краю (alignleft). Этот текст должен аккуратно обтекать изображение справа. Если текст падает вниз под картинку или прилипает к ней вплотную без правого отступа (margin-right) — в стилях темы есть недоработка адаптивности контентной зоны.


Картинка с выравниванием по правому краю (alignright). Этот абзац, наоборот, должен обтекать изображение с левой стороны. Проверяется корректность работы левого внешнего отступа (margin-left), чтобы буквы не слипались с графическим элементом.

Картинка с выравниванием по центру (aligncenter). Она должна стоять обособленно, а этот подрисуночный подпись (em) находиться строго под ней.

Прокрутить вверх