С какого тега начинается документ тип стандарта html5:

</li> <li class="list-group-item answer-row"> <body> </li> </ul> </div> <div class="text-center my-4 d-flex justify-content-center gap-3 flex-wrap"> <form action="https://znaet.guru/purchase/87138-8" method="POST" class="purchase-form" style="min-width: 220px;"> <input type="hidden" name="_token" value="NzTXrESSKXqxH5rgwDDxv5QsTZ0OqJ5cEK57CtR5" autocomplete="off"> <input type="hidden" name="type" value="explanation"> <button type="submit" class="btn btn-primary purchase-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="Краткое пояснение сути с минимальной теорией, без формул и вычислений."> Объясни кратко<br><b>10 ₽</b> </button> </form> <form action="https://znaet.guru/purchase/87138-8" method="POST" class="purchase-form" style="min-width: 220px;"> <input type="hidden" name="_token" value="NzTXrESSKXqxH5rgwDDxv5QsTZ0OqJ5cEK57CtR5" autocomplete="off"> <input type="hidden" name="type" value="deepseek"> <button type="submit" class="btn btn-warning purchase-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="Подробное объяснение с пошаговыми пояснениями и аргументацией каждого этапа"> Объясни подробно<br><b>50 ₽</b> </button> </form> <button id="consult-btn" class="btn btn-success purchase-btn" style="min-width: 220px;" data-bs-toggle="tooltip" data-bs-placement="top" title="Онлайн-консультация с преподавателем по вашей теме — индивидуально"> Консультация<br><b>1900 ₽/час</b> </button> </div> <div class="modal fade" id="consultationModal" tabindex="-1" aria-labelledby="consultationModalLabel" aria-hidden="true"> <div class="modal-dialog"> <form action="https://znaet.guru/purchase/87138-8" method="POST" id="consultation-form"> <input type="hidden" name="_token" value="NzTXrESSKXqxH5rgwDDxv5QsTZ0OqJ5cEK57CtR5" autocomplete="off"> <input type="hidden" name="type" value="consultation"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="consultationModalLabel">Запись на консультацию</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button> </div> <div class="modal-body"> <div id="consultation-slots" class="mb-2"> <span class="text-muted">Загрузка слотов...</span> </div> <div class="mb-2"> <label>Способ связи:</label><br> <label class="me-2"><input type="radio" name="contact_type" value="telegram"> Telegram</label> <label class="me-2"><input type="radio" name="contact_type" value="whatsapp"> WhatsApp</label> <label class="me-2"><input type="radio" name="contact_type" value="zoom"> Zoom</label> </div> <div class="mb-2"> <input type="text" class="form-control" name="contact_value" placeholder="Ваш номер/логин для связи" required> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button> <button type="submit" class="btn btn-success">Записаться и оплатить 1900₽</button> </div> </div> </form> </div> </div> </div> <div class="question-service-block mb-3 p-2 px-3"> <div class="d-flex align-items-center flex-nowrap gap-2"> <span class="me-2 text-muted" style="white-space:nowrap;">Тематика:</span> <a href="https://znaet.guru/discipline/1244" class="discipline-badge" style="cursor:pointer;"> Документационное обеспечение управления </a> <a href="https://znaet.guru/discipline/404" class="discipline-badge" style="cursor:pointer;"> Документационное обеспечение управления (ДОУ) </a> <a href="https://znaet.guru/discipline/403" class="discipline-badge" style="cursor:pointer;"> Основы профайлинга </a> </div> </div> <div class="question-service-block mb-3 p-2 px-3"> <div class="d-flex align-items-center flex-nowrap gap-2"> <span class="me-2 text-muted" style="white-space:nowrap;">Курсы в категории:</span> <a href="https://znaet.guru/courses/category/4" class="discipline-badge" style="cursor:pointer;"> Экономика и управление </a> </div> </div> <h2 class="visually-hidden">Данная дисциплина изучает принципы и методы работы с документами в управленческой деятельности, включая их создание, оформление, регистрацию, хранение и архивирование. Рассматриваются современные технологии электронного документооборота, нормативные требования к ведению делопроизводства, а также способы оптимизации документооборота в организациях. Особое внимание уделяется юридическим аспектам, стандартам и правилам, обеспечивающим законность и эффективность работы с документами. Курс формирует навыки, необходимые для грамотного управления документацией в различных сферах профессиональной деятельности.</h2> <div class="mb-2 mt-4"> <button type="button" id="disciplineToggleBtn" class="discipline-desc-toggle w-100 d-flex align-items-center gap-2 mb-0" onclick="toggleDisciplineDesc()" aria-expanded="false" aria-controls="disciplineDescFull" style="font-size:0.95rem; padding: 0.85em 1em; cursor:pointer;"> <span class="me-2" aria-hidden="true" style="font-size:1.2em;">ℹ️</span> <span id="disciplineDescShort" class="discipline-desc-collapsed flex-grow-1"> Данная дисциплина изучает принципы и методы работы с документами в управленческой деятельности, включая их создание, оформление, регистрацию, хранение и архивирование. Рассматриваются современные технологии электронного документооборота, нормативные требования к ведению делопроизводства, а также способы оптимизации документооборота в организациях. Особое внимание уделяется юридическим аспектам, стандартам и правилам, обеспечивающим законность и эффективность работы с документами. Курс формирует навыки, необходимые для грамотного управления документацией в различных сферах профессиональной деятельности. </span> <span id="disciplineBtnIcon" class="ms-2" style="font-size:1.15em; color:#1976d2;"></span> </button> <div id="disciplineDescFull" class="discipline-desc-full visually-hidden" style="font-size: 0.95rem; padding: 0.85em 1em; margin-top: .2em;"> Данная дисциплина изучает принципы и методы работы с документами в управленческой деятельности, включая их создание, оформление, регистрацию, хранение и архивирование. Рассматриваются современные технологии электронного документооборота, нормативные требования к ведению делопроизводства, а также способы оптимизации документооборота в организациях. Особое внимание уделяется юридическим аспектам, стандартам и правилам, обеспечивающим законность и эффективность работы с документами. Курс формирует навыки, необходимые для грамотного управления документацией в различных сферах профессиональной деятельности. </div> </div> </div> </div> <style> .question-block-responsive { width: 75%; max-width: 800px; } /* Позволяет длинным формуле MathJax прокручиваться по горизонтали */ .alert-info .MathJax_Display, .alert-info .math-display { overflow-x: auto !important; white-space: nowrap; width: 100% !important; max-width: 100% !important; } @media (max-width: 768px) { .question-block-responsive { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } .sticky-search-bar { position: fixed; top: 0; left: 0; width: 100vw; display: flex; justify-content: center; z-index: 1024; background: transparent; pointer-events: none; } .sticky-search-bar form { width: 75%; max-width: 800px; min-width: 280px; background: #f9fbfd; box-shadow: 0 2px 12px #eaf6ff66; border-bottom: 1.5px solid #e5eaf0; border-radius: 18px; pointer-events: auto; } @media (max-width: 768px) { .sticky-search-bar form { width: 100vw; max-width: 100vw; border-radius: 0; margin: 0; } } /* --- Кнопки покупки --- */ .purchase-btn { min-width: 220px !important; height: 62px; font-size: 1.13em; font-weight: 500; border-radius: 11px !important; margin-bottom: 8px; box-shadow: 0 2px 10px #eaf6ff22; transition: box-shadow 0.14s, filter 0.16s; display: flex; flex-direction: column; align-items: center; justify-content: center; } .purchase-btn:hover, .purchase-btn:focus { box-shadow: 0 4px 28px #1976d233; filter: brightness(0.98); } .purchase-form { display: inline-block; margin: 0; padding: 0; } .question-card { position: relative; border-radius: 18px; background: #fcfcfc; border: 2.5px solid #e5eaf0; box-shadow: 0 2px 10px #eaf6ff33; padding: 2.2rem 2.1rem 2.1rem 2.1rem; margin-bottom: 32px; font-size: 1.08rem; transition: box-shadow 0.16s; } .question-card:hover { box-shadow: 0 4px 32px #1976d233; background: #f5f9fd; } .question-number-float { position: absolute; top: 9px; right: 21px; font-size: 1.10em; font-weight: 600; color: #b1b8c4; background: none; border: none; padding: 0; z-index: 2; pointer-events: none; user-select: none; box-shadow: none; } .question-service-block { background: #f5f7fa; border: 1.5px solid #e5eaf0; border-radius: 12px; font-size: 0.75em; color: #7e8ba3; margin-bottom: 1.15em; padding-top: 2.0em; } .discipline-badge { display: inline-block; font-size: 1em; font-weight: 500; padding: 0.27em 0.85em; border-radius: 13px; background: #f8fafc; color: #2366b8; border: 1px solid #e5eaf0; text-decoration: underline; transition: background 0.12s, color 0.12s; line-height: 1.2; text-align: center; max-width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .discipline-badge:hover, .discipline-badge:focus { background: #eaf6ff; color: #1976d2; text-decoration: underline; } @media (max-width: 768px) { .question-number-float { top: 4px; right: 10px; font-size: 1em; } .question-service-block { font-size: 0.82em; padding-top: 1.3em;} .discipline-badge { font-size: 0.97em; } } .question-title { font-size: 1.15rem; font-weight: 500; margin-bottom: 1.1rem; color: #222; line-height: 1.58; word-break: break-word; margin-left: 0; margin-right: 0; text-align: left !important; } .answer-row { font-size: 1.04rem; background: #f7f8fa; border-radius: 14px; margin-bottom: 8px; border: 1px solid #f0f0f0; transition: background 0.14s; } .answer-row:hover { background: #eaf6ff !important; } .related-row { font-size: 1.02rem; background: #f7f8fa; border-radius: 12px; margin-bottom: 7px; border: 1px solid #f0f0f0; transition: background 0.14s; color: #2366b8 !important; text-decoration: none !important; } .related-row:hover { background: #eaf6ff !important; color: #1976d2 !important; text-decoration: underline; } .list-group.w-100 { width: 100% !important; max-width: 100% !important; margin: 0 auto; } .visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } .search-card { background: #fff; border-radius: 18px; box-shadow: 0 2px 10px #eaf6ff33; width: 100%; max-width: 100%; margin: 0 auto 24px auto; border: 1px solid #e5eaf0; transition: box-shadow 0.15s; } .search-card:has(input:focus) { box-shadow: 0 4px 16px #1976d222; } .btn-dark.rounded-pill { border-radius: 50px !important; min-width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; font-size: 1.18em; padding: 0 12px; } .discipline-desc-collapsed { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; user-select: none; pointer-events: none; color: inherit !important; text-decoration: none !important; } .discipline-desc-toggle { border-radius: 12px !important; border: 1px solid #f0f0f0; background: #f7f8fa; color: #2366b8 !important; transition: background 0.14s, box-shadow 0.14s, color 0.15s; outline: none; box-shadow: none; text-align: left; text-decoration: none !important; appearance: none; } .discipline-desc-toggle:focus, .discipline-desc-toggle:hover, .discipline-desc-toggle[aria-expanded="true"] { background: #eaf6ff !important; color: #1976d2 !important; text-decoration: none !important; outline: none !important; box-shadow: 0 2px 8px #eaf6ff66; } .discipline-desc-full { border-radius: 12px; border: 1px solid #f0f0f0; background: #f7f8fa; transition: background 0.14s, box-shadow 0.14s; margin-top: 0.2em; } @media (max-width: 768px) { .search-card, .sticky-top, .question-card, .list-group.w-100 { max-width: 100% !important; padding: 1.3rem !important; } .question-title { font-size: 1.01rem; } } .cut-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .noselect, .noselect * { user-select: none !important; } .no-pointer, .no-pointer * { pointer-events: none !important; } </style> <div id="imageModal" style="display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); justify-content:center; align-items:center;"> <img id="modalImage" src="" style="max-width:90%; max-height:90%; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.5);"> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { // Sticky-бар поиска const stickyBar = document.getElementById('stickySearchBar'); const header = document.querySelector('nav.bg-white'); function checkHeader() { if (!header || !stickyBar) return; const headerRect = header.getBoundingClientRect(); if (headerRect.bottom <= 0) { stickyBar.classList.remove('d-none'); } else { stickyBar.classList.add('d-none'); } } window.addEventListener('scroll', checkHeader); checkHeader(); // Модалка с изображением function openImageModal(src) { document.getElementById('modalImage').src = src; document.getElementById('imageModal').style.display = 'flex'; } window.openImageModal = openImageModal; document.getElementById('imageModal').addEventListener('click', function() { this.style.display = 'none'; }); // Переключение описания дисциплины window.toggleDisciplineDesc = function() { var btn = document.getElementById('disciplineToggleBtn'); var short = document.getElementById('disciplineDescShort'); var full = document.getElementById('disciplineDescFull'); var icon = document.getElementById('disciplineBtnIcon'); var expanded = btn.getAttribute('aria-expanded') === 'true'; if (!expanded) { short.style.display = 'none'; full.classList.remove('visually-hidden'); btn.setAttribute('aria-expanded', 'true'); icon.textContent = "–"; } else { short.style.display = ''; full.classList.add('visually-hidden'); btn.setAttribute('aria-expanded', 'false'); icon.textContent = ""; } } // ---- ДОБАВЛЯЕМ КНОПКУ + JS для краткого пояснения AI ---- const btn = document.getElementById('short-explanation-btn'); if (btn) { btn.addEventListener('click', function() { btn.disabled = true; btn.textContent = 'Загрузка...'; fetch('/deepseek/short-explanation', { method: 'POST', headers: { 'X-CSRF-TOKEN': 'NzTXrESSKXqxH5rgwDDxv5QsTZ0OqJ5cEK57CtR5', "Content-Type": "application/json" }, body: JSON.stringify({ question: "\u0421 \u043a\u0430\u043a\u043e\u0433\u043e \u0442\u0435\u0433\u0430 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0442\u0438\u043f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430 html5:", answer: "<!DOCTYPE html>", question_id: "87138-8" }) }) .then(res => res.json()) .then(data => { let block = document.getElementById('short-explanation-block'); if (data.explanation) { block.innerHTML = `<b>Краткое пояснение:</b><br>${marked.parse(data.explanation)}`; } else { block.innerHTML = `<span class="text-danger">Ошибка: ${data.error || 'Не удалось получить пояснение'}</span>`; } btn.disabled = false; btn.textContent = 'Объясни кратко'; }) .catch(() => { let block = document.getElementById('short-explanation-block'); block.innerHTML = `<span class="text-danger">Ошибка генерации пояснения</span>`; btn.disabled = false; btn.textContent = 'Объясни кратко'; }); }); } // --- Bootstrap tooltips для описаний --- const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); tooltipTriggerList.map(function (tooltipTriggerEl) { new bootstrap.Tooltip(tooltipTriggerEl); }); // ЯВНО инициализируем tooltip для "Консультация" и проверка логина var consultBtn = document.getElementById('consult-btn'); if (consultBtn) { new bootstrap.Tooltip(consultBtn, { placement: 'top', trigger: 'hover' }); consultBtn.addEventListener('click', function(e) { // Проверка авторизации if (!window.isLoggedIn) { window.location.href = '/login'; // редирект на страницу логина return; } // Открыть модалку вручную var modal = new bootstrap.Modal(document.getElementById('consultationModal')); modal.show(); }); } // --- Новый JS для компактных слотов --- function renderConsultationSlots(slotsByDate) { const el = document.getElementById('consultation-slots'); if (!el) return; let dates = Object.keys(slotsByDate); if (dates.length === 0) { el.innerHTML = '<span class="text-danger">Нет доступных дат</span>'; return; } let html = `<label for="consult-date" class="fw-bold mb-2">Выберите дату:</label> <select id="consult-date" class="form-select mb-3" style="max-width: 250px;">`; dates.forEach(date => { html += `<option value="${date}">${date}</option>`; }); html += `</select>`; html += `<div id="consult-timeblock"></div>`; el.innerHTML = html; // Слоты на первую дату function showSlots(date) { let timeBlock = document.getElementById('consult-timeblock'); let slots = slotsByDate[date] || []; if (!slots.length) { timeBlock.innerHTML = '<span class="text-danger">Нет слотов</span>'; return; } let shtml = `<label class="fw-bold mb-2">Выберите время:</label><div>`; slots.forEach(slot => { shtml += `<label class="d-block mb-1" style="opacity:${slot.available?1:0.5};"> <input type="radio" name="slot" value="${slot.id}" ${!slot.available?'disabled':''}> ${slot.interval}${!slot.available?' <span class="text-danger">(занято)</span>':''} </label>`; }); shtml += `</div>`; timeBlock.innerHTML = shtml; } showSlots(dates[0]); const select = document.getElementById('consult-date'); select.addEventListener('change', e => showSlots(e.target.value)); } // Подгружаем слоты при открытии модалки $('#consultationModal').on('show.bs.modal', function () { const slotsEl = document.getElementById('consultation-slots'); slotsEl.innerHTML = '<span class="text-muted">Загрузка слотов...</span>'; fetch('/consultation/slots') .then(res => res.json()) .then(data => { renderConsultationSlots(data.slotsByDate); }); }); }); </script> <script src="/js/consultation.js?v=1"></script> </main>  <footer class="bg-white border-t border-gray-200 shadow-inner mt-16 h-14 flex items-center select-none"> <div class="max-w-6xl mx-auto flex items-center justify-between w-full px-4 text-sm min-h-[56px]">  <div class="flex items-center gap-2 text-gray-600 footer-left"> <img src="https://znaet.guru/favicon/brain-50.png" alt="znaet" class="w-5 h-5"> <span class="font-semibold text-indigo-700 text-base">znaet.guru</span> <span class="text-gray-400 ml-2">© 2025 Все права защищены</span> </div>  <nav class="flex flex-wrap gap-4 text-gray-500 footer-nav"> <a href="/courses" class="hover:text-indigo-600 transition">Курсы</a> <a href="/tutors" class="hover:text-indigo-600 transition">Команда</a> <a href="https://znaet.guru/privacy" class="hover:text-indigo-600 transition">Политика</a> <a href="https://znaet.guru/terms" class="hover:text-indigo-600 transition">Условия</a> <a href="https://znaet.guru/faq" class="hover:text-indigo-600 transition">FAQ</a> <a href="https://znaet.guru/contacts" class="hover:text-indigo-600 transition">Контакты</a> </nav> </div> <style> @media (max-width: 700px) { footer { height: auto !important; min-height: 60px !important; } footer .max-w-6xl { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.2rem !important; padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .footer-left { justify-content: center !important; width: 100% !important; margin-bottom: 0.1rem !important; } .footer-nav { justify-content: center !important; width: 100% !important; gap: 1.1rem !important; font-size: 1.07rem !important; flex-wrap: wrap; margin-top: 0 !important; margin-bottom: 0.2rem !important; } } </style> </footer> </div> </body> </html>

#1449187: С какого тега начинается документ тип стандарта html5: