| <!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> |
