index.html

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