|
|
<!DOCTYPE html> |
|
|
<html lang="ru"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta property="al:android:app_name" content="Teletype"> |
|
|
<meta property="article:published_time" content="2023-10-27T12:00:00+03:00"> |
|
|
|
|
|
<title>Тестовая заметка с таблицей</title> |
|
|
<meta property="og:title" content="Тестовая заметка с таблицей"> |
|
|
<meta property="og:description" content="Проверка отображения таблиц в Instant View через метод мимикрии"> |
|
|
<meta property="og:type" content="article"> |
|
|
|
|
|
<meta property="og:image" content="https://via.placeholder.com/1200x600.png?text=Instant+View+Test"> |
|
|
|
|
|
<style> |
|
|
body { font-family: sans-serif; max-width: 800px; margin: 40px auto; padding: 20px; line-height: 1.6; } |
|
|
table { border-collapse: collapse; width: 100%; margin: 20px 0; } |
|
|
th, td { border: 1px solid #ccc; padding: 8px; text-align: left; } |
|
|
th { background: #f4f4f4; } |
|
|
img { max-width: 100%; height: auto; } |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<article> |
|
|
<h1>Заголовок тестовой статьи</h1> |
|
|
|
|
|
<p>Это обычный абзац текста для проверки того, как Instant View подхватывает основной контент. Ниже должна быть картинка и таблица.</p> |
|
|
|
|
|
<figure> |
|
|
<img src="https://via.placeholder.com/800x400.png?text=Main+Image" alt="Тестовое изображение"> |
|
|
<figcaption>Подпись к картинке</figcaption> |
|
|
</figure> |
|
|
|
|
|
<h2>Секция с таблицей</h2> |
|
|
<p>А вот и то, ради чего всё затевалось — таблица из Markdown:</p> |
|
|
|
|
|
<table> |
|
|
<thead> |
|
|
<tr> |
|
|
<th>Параметр</th> |
|
|
<th>Значение</th> |
|
|
<th>Статус</th> |
|
|
</tr> |
|
|
</thead> |
|
|
<tbody> |
|
|
<tr> |
|
|
<td>Скорость рендера</td> |
|
|
<td>Высокая</td> |
|
|
<td>✅ OK</td> |
|
|
</tr> |
|
|
<tr> |
|
|
<td>Поддержка таблиц</td> |
|
|
<td>Полная</td> |
|
|
<td>🔥 Работает</td> |
|
|
</tr> |
|
|
<tr> |
|
|
<td>Instant View</td> |
|
|
<td>Глобальный</td> |
|
|
<td>🚀 Да</td> |
|
|
</tr> |
|
|
</tbody> |
|
|
</table> |
|
|
|
|
|
<p>Конец тестовой заметки. Если вы видите кнопку <b>Instant View</b> в Telegram — значит, метод сработал.</p> |
|
|
</article> |
|
|
|
|
|
</body> |
|
|
</html> |
