HTML атрибут cite | назначение, значения, примеры

Атрибут cite — ссылка на первоисточник.

Тип значения	uri документа источника
Значение по умолчанию
Применим к:	<blockquote> <q> <ins>
Аналог в CSS	нет

Пример



			<blockquote cite="http://www. ...">

Твой код:

Результат:

<br /> <span id="bigDemoCode" title="Пример в большом окне">большой полигон</span> </div> </p></div> <p> <br /> </p> <h3>Заметки</h3> <p>Атрибут не несет никакой функциональности, а содержит только информацию об источнике. Не отображается браузерами.</p> <p> </p> <div class="innerTags"> Теги: <a href="/cloud-atributy-HTML/" title="Поиск по тегу атрибуты HTML">атрибуты HTML</a> </div> <div class="innerPageNav"> <div class="innerPageNavNext"> <a href="/html/attributes/class/">Атрибут class</a> </div> <div class="innerPageNavPrev"> <a href="/html/attributes/checked/">Атрибут checked</a> </div> </p></div> </p></div> </div> </div> </div> </section> <section class="page-siblings-section"> <div class="container"> <div class="section-header"> <h2>Смотрите также в этом разделе</h2> <p>Смежные материалы, которые могут быть вам полезны</p> </div> <div class="siblings-grid"> <li class="page_item page-item-2516"><a href="https://mpbox.ru/html/attributes/tabindex/">HTML атрибут tabindex | назначение, значения, примеры</a></li> <li class="page_item page-item-2517"><a href="https://mpbox.ru/html/attributes/target/">HTML атрибут target | назначение, значения, примеры</a></li> <li class="page_item page-item-2518"><a href="https://mpbox.ru/html/attributes/text/">HTML атрибут text | назначение, значения, примеры</a></li> <li class="page_item page-item-2519"><a href="https://mpbox.ru/html/attributes/title/">HTML атрибут title | назначение, значения, примеры</a></li> <li class="page_item page-item-2520"><a href="https://mpbox.ru/html/attributes/type/">HTML атрибут type | назначение, значения, примеры</a></li> <li class="page_item page-item-2423"><a href="https://mpbox.ru/html/attributes/abbr/">HTML атрибут abbr | назначение, значения, примеры</a></li> <li class="page_item page-item-2424"><a href="https://mpbox.ru/html/attributes/above/">HTML атрибут above | назначение, значения, примеры</a></li> <li class="page_item page-item-2426"><a href="https://mpbox.ru/html/attributes/accept/">HTML атрибут accept | назначение, значения, примеры</a></li> <li class="page_item page-item-2425"><a href="https://mpbox.ru/html/attributes/accept-charset/">HTML атрибут accept-charset | назначение, значения, примеры</a></li> <li class="page_item page-item-2427"><a href="https://mpbox.ru/html/attributes/accesskey/">HTML атрибут accesskey | назначение, значения, примеры</a></li> <li class="page_item page-item-2428"><a href="https://mpbox.ru/html/attributes/action/">HTML атрибут action | назначение, значения, примеры</a></li> <li class="page_item page-item-2429"><a href="https://mpbox.ru/html/attributes/align/">HTML атрибут align | назначение, значения, примеры</a></li> <li class="page_item page-item-2430"><a href="https://mpbox.ru/html/attributes/alink/">HTML атрибут alink | назначение, значения, примеры</a></li> <li class="page_item page-item-2431"><a href="https://mpbox.ru/html/attributes/allowtransparency/">HTML атрибут ALLOWTRANSPARENCY | назначение, значения, примеры</a></li> <li class="page_item page-item-2432"><a href="https://mpbox.ru/html/attributes/alt/">HTML атрибут alt | назначение, значения, примеры</a></li> <li class="page_item page-item-2433"><a href="https://mpbox.ru/html/attributes/archive/">HTML атрибут archive | назначение, значения, примеры</a></li> <li class="page_item page-item-2434"><a href="https://mpbox.ru/html/attributes/autocomplete/">HTML атрибут autocomplete | назначение, значения, примеры</a></li> <li class="page_item page-item-2435"><a href="https://mpbox.ru/html/attributes/axis/">HTML атрибут axis | назначение, значения, примеры</a></li> <li class="page_item page-item-2436"><a href="https://mpbox.ru/html/attributes/background/">HTML атрибут background | назначение, значения, примеры</a></li> <li class="page_item page-item-2437"><a href="https://mpbox.ru/html/attributes/bgcolor/">HTML атрибут bgcolor | назначение, значения, примеры</a></li> <li class="page_item page-item-2438"><a href="https://mpbox.ru/html/attributes/bgproperties/">HTML атрибут bgproperties | назначение, значения, примеры</a></li> <li class="page_item page-item-2439"><a href="https://mpbox.ru/html/attributes/border/">HTML атрибут border | назначение, значения, примеры</a></li> <li class="page_item page-item-2440"><a href="https://mpbox.ru/html/attributes/bordercolor/">HTML атрибут bordercolor | назначение, значения, примеры</a></li> <li class="page_item page-item-2441"><a href="https://mpbox.ru/html/attributes/cellpadding/">HTML атрибут cellpadding</a></li> <li class="page_item page-item-2442"><a href="https://mpbox.ru/html/attributes/cellspacing/">HTML атрибут cellspacing | назначение, значения, примеры</a></li> <li class="page_item page-item-2443"><a href="https://mpbox.ru/html/attributes/char/">HTML атрибут char | назначение, значения, примеры</a></li> <li class="page_item page-item-2444"><a href="https://mpbox.ru/html/attributes/charoff/">HTML атрибут charoff | назначение, значения, примеры</a></li> <li class="page_item page-item-2445"><a href="https://mpbox.ru/html/attributes/charset/">HTML атрибут charset | назначение, значения, примеры</a></li> <li class="page_item page-item-2446"><a href="https://mpbox.ru/html/attributes/checked/">HTML атрибут checked | назначение, значения, примеры</a></li> <li class="page_item page-item-2448"><a href="https://mpbox.ru/html/attributes/class/">HTML атрибут class | назначение, значения, примеры</a></li> <li class="page_item page-item-2449"><a href="https://mpbox.ru/html/attributes/classid/">HTML атрибут classid | назначение, значения, примеры</a></li> <li class="page_item page-item-2450"><a href="https://mpbox.ru/html/attributes/clear/">HTML атрибут clear | назначение, значения, примеры</a></li> <li class="page_item page-item-2451"><a href="https://mpbox.ru/html/attributes/code/">HTML атрибут code | назначение, значения, примеры</a></li> <li class="page_item page-item-2452"><a href="https://mpbox.ru/html/attributes/codebase/">HTML атрибут codebase | назначение, значения, примеры</a></li> <li class="page_item page-item-2453"><a href="https://mpbox.ru/html/attributes/codetype/">HTML атрибут codetype | назначение, значения, примеры</a></li> <li class="page_item page-item-2454"><a href="https://mpbox.ru/html/attributes/color/">HTML атрибут color | назначение, значения, примеры</a></li> <li class="page_item page-item-2455"><a href="https://mpbox.ru/html/attributes/cols/">HTML атрибут cols | назначение, значения, примеры</a></li> <li class="page_item page-item-2456"><a href="https://mpbox.ru/html/attributes/colspan/">HTML атрибут colspan | назначение, значения, примеры</a></li> <li class="page_item page-item-2457"><a href="https://mpbox.ru/html/attributes/compact/">HTML атрибут compact | назначение, значения, примеры</a></li> <li class="page_item page-item-2458"><a href="https://mpbox.ru/html/attributes/content/">HTML атрибут content | назначение, значения, примеры</a></li> <li class="page_item page-item-2459"><a href="https://mpbox.ru/html/attributes/coords/">HTML атрибут coords | назначение, значения, примеры</a></li> <li class="page_item page-item-2460"><a href="https://mpbox.ru/html/attributes/data/">HTML атрибут data | назначение, значения, примеры</a></li> <li class="page_item page-item-2461"><a href="https://mpbox.ru/html/attributes/datetime/">HTML атрибут datetime | назначение, значения, примеры</a></li> <li class="page_item page-item-2462"><a href="https://mpbox.ru/html/attributes/declare/">HTML атрибут declare | назначение, значения, примеры</a></li> <li class="page_item page-item-2463"><a href="https://mpbox.ru/html/attributes/defer/">HTML атрибут defer | назначение, значения, примеры</a></li> <li class="page_item page-item-2464"><a href="https://mpbox.ru/html/attributes/dir/">HTML атрибут dir | назначение, значения, примеры</a></li> <li class="page_item page-item-2465"><a href="https://mpbox.ru/html/attributes/disabled/">HTML атрибут disabled | назначение, значения, примеры</a></li> <li class="page_item page-item-2466"><a href="https://mpbox.ru/html/attributes/enctype/">HTML атрибут enctype | назначение, значения, примеры</a></li> <li class="page_item page-item-2467"><a href="https://mpbox.ru/html/attributes/face/">HTML атрибут face | назначение, значения, примеры</a></li> <li class="page_item page-item-2468"><a href="https://mpbox.ru/html/attributes/for/">HTML атрибут for | назначение, значения, примеры</a></li> <li class="page_item page-item-2469"><a href="https://mpbox.ru/html/attributes/frame/">HTML атрибут frame | назначение, значения, примеры</a></li> <li class="page_item page-item-2470"><a href="https://mpbox.ru/html/attributes/frameborder/">HTML атрибут frameborder | назначение, значения, примеры</a></li> <li class="page_item page-item-2471"><a href="https://mpbox.ru/html/attributes/galleryimg/">HTML атрибут galleryimg | назначение, значения, примеры</a></li> <li class="page_item page-item-2472"><a href="https://mpbox.ru/html/attributes/headers/">HTML атрибут headers | назначение, значения, примеры</a></li> <li class="page_item page-item-2473"><a href="https://mpbox.ru/html/attributes/height/">HTML атрибут height| назначение, значения, примеры</a></li> <li class="page_item page-item-2474"><a href="https://mpbox.ru/html/attributes/href/">HTML атрибут href | назначение, значения, примеры</a></li> <li class="page_item page-item-2475"><a href="https://mpbox.ru/html/attributes/hreflang/">HTML атрибут hreflang | назначение, значения, примеры</a></li> <li class="page_item page-item-2476"><a href="https://mpbox.ru/html/attributes/hspace/">HTML атрибут hspace | назначение, значения, примеры</a></li> <li class="page_item page-item-2477"><a href="https://mpbox.ru/html/attributes/http-equiv/">HTML атрибут http-equiv | назначение, значения, примеры</a></li> <li class="page_item page-item-2478"><a href="https://mpbox.ru/html/attributes/id/">HTML атрибут id | назначение, значения, примеры</a></li> <li class="page_item page-item-2479"><a href="https://mpbox.ru/html/attributes/ismap/">HTML атрибут ismap | назначение, значения, примеры</a></li> <li class="page_item page-item-2480"><a href="https://mpbox.ru/html/attributes/label/">HTML атрибут label | назначение, значения, примеры</a></li> <li class="page_item page-item-2481"><a href="https://mpbox.ru/html/attributes/lang/">HTML атрибут lang | назначение, значения, примеры</a></li> <li class="page_item page-item-2482"><a href="https://mpbox.ru/html/attributes/language/">HTML атрибут language | назначение, значения, примеры</a></li> <li class="page_item page-item-2483"><a href="https://mpbox.ru/html/attributes/link/">HTML атрибут link | назначение, значения, примеры</a></li> <li class="page_item page-item-2484"><a href="https://mpbox.ru/html/attributes/longdesc/">HTML атрибут longdesc | назначение, значения, примеры</a></li> <li class="page_item page-item-2485"><a href="https://mpbox.ru/html/attributes/loop/">HTML атрибут loop | назначение, значения, примеры</a></li> <li class="page_item page-item-2486"><a href="https://mpbox.ru/html/attributes/marginheight/">HTML атрибут marginheight | назначение, значения, примеры</a></li> <li class="page_item page-item-2487"><a href="https://mpbox.ru/html/attributes/marginwidth/">HTML атрибут marginwidth | назначение, значения, примеры</a></li> <li class="page_item page-item-2488"><a href="https://mpbox.ru/html/attributes/maxlength/">HTML атрибут maxlength | назначение, значения, примеры</a></li> <li class="page_item page-item-2489"><a href="https://mpbox.ru/html/attributes/media/">HTML атрибут media | назначение, значения, примеры</a></li> <li class="page_item page-item-2490"><a href="https://mpbox.ru/html/attributes/method/">HTML атрибут method | назначение, значения, примеры</a></li> <li class="page_item page-item-2491"><a href="https://mpbox.ru/html/attributes/multiple/">HTML атрибут multiple | назначение, значения, примеры</a></li> <li class="page_item page-item-2492"><a href="https://mpbox.ru/html/attributes/name/">HTML атрибут name | назначение, значения, примеры</a></li> <li class="page_item page-item-2493"><a href="https://mpbox.ru/html/attributes/nohref/">HTML атрибут nohref | назначение, значения, примеры</a></li> <li class="page_item page-item-2494"><a href="https://mpbox.ru/html/attributes/noresize/">HTML атрибут noresize | назначение, значения, примеры</a></li> <li class="page_item page-item-2495"><a href="https://mpbox.ru/html/attributes/noshade/">HTML атрибут noshade | назначение, значения, примеры</a></li> <li class="page_item page-item-2496"><a href="https://mpbox.ru/html/attributes/nowrap/">HTML атрибут nowrap | назначение, значения, примеры</a></li> <li class="page_item page-item-2497"><a href="https://mpbox.ru/html/attributes/object/">HTML атрибут object | назначение, значения, примеры</a></li> <li class="page_item page-item-2498"><a href="https://mpbox.ru/html/attributes/profile/">HTML атрибут profile | назначение, значения, примеры</a></li> <li class="page_item page-item-2499"><a href="https://mpbox.ru/html/attributes/readonly/">HTML атрибут readonly | назначение, значения, примеры</a></li> <li class="page_item page-item-2500"><a href="https://mpbox.ru/html/attributes/rel/">HTML атрибут rel | назначение, значения, примеры</a></li> <li class="page_item page-item-2501"><a href="https://mpbox.ru/html/attributes/rev/">HTML атрибут rev | назначение, значения, примеры</a></li> <li class="page_item page-item-2502"><a href="https://mpbox.ru/html/attributes/rows/">HTML атрибут rows | назначение, значения, примеры</a></li> <li class="page_item page-item-2503"><a href="https://mpbox.ru/html/attributes/rowspan/">HTML атрибут rowspan | назначение, значения, примеры</a></li> <li class="page_item page-item-2504"><a href="https://mpbox.ru/html/attributes/rules/">HTML атрибут rules | назначение, значения, примеры</a></li> <li class="page_item page-item-2505"><a href="https://mpbox.ru/html/attributes/scheme/">HTML атрибут scheme | назначение, значения, примеры</a></li> <li class="page_item page-item-2506"><a href="https://mpbox.ru/html/attributes/scope/">HTML атрибут scope | назначение, значения, примеры</a></li> <li class="page_item page-item-2507"><a href="https://mpbox.ru/html/attributes/scrolling/">HTML атрибут scrolling | назначение, значения, примеры</a></li> <li class="page_item page-item-2508"><a href="https://mpbox.ru/html/attributes/selected/">HTML атрибут selected | назначение, значения, примеры</a></li> <li class="page_item page-item-2509"><a href="https://mpbox.ru/html/attributes/size/">HTML атрибут size | назначение, значения, примеры</a></li> <li class="page_item page-item-2510"><a href="https://mpbox.ru/html/attributes/span/">HTML атрибут span | назначение, значения, примеры</a></li> <li class="page_item page-item-2511"><a href="https://mpbox.ru/html/attributes/src/">HTML атрибут src | назначение, значения, примеры</a></li> <li class="page_item page-item-2512"><a href="https://mpbox.ru/html/attributes/standby/">HTML атрибут standby | назначение, значения, примеры</a></li> <li class="page_item page-item-2513"><a href="https://mpbox.ru/html/attributes/start/">HTML атрибут start | назначение, значения, примеры</a></li> <li class="page_item page-item-2514"><a href="https://mpbox.ru/html/attributes/style/">HTML атрибут style | назначение, значения, примеры</a></li> <li class="page_item page-item-2515"><a href="https://mpbox.ru/html/attributes/summary/">HTML атрибут summary | назначение, значения, примеры</a></li> <li class="page_item page-item-2521"><a href="https://mpbox.ru/html/attributes/usemap/">HTML атрибут usemap | назначение, значения, примеры</a></li> <li class="page_item page-item-2522"><a href="https://mpbox.ru/html/attributes/valign/">HTML атрибут valign | назначение, значения, примеры</a></li> <li class="page_item page-item-2523"><a href="https://mpbox.ru/html/attributes/value/">HTML атрибут value | назначение, значения, примеры</a></li> <li class="page_item page-item-2524"><a href="https://mpbox.ru/html/attributes/valuetype/">HTML атрибут valuetype | назначение, значения, примеры</a></li> <li class="page_item page-item-2525"><a href="https://mpbox.ru/html/attributes/version/">HTML атрибут version | назначение, значения, примеры</a></li> <li class="page_item page-item-2526"><a href="https://mpbox.ru/html/attributes/vlink/">HTML атрибут vlink | назначение, значения, примеры</a></li> <li class="page_item page-item-2527"><a href="https://mpbox.ru/html/attributes/vspace/">HTML атрибут vspace | назначение, значения, примеры</a></li> <li class="page_item page-item-2528"><a href="https://mpbox.ru/html/attributes/width/">HTML атрибут width | назначение, значения, примеры</a></li> <li class="page_item page-item-2529"><a href="https://mpbox.ru/html/attributes/xmlns/">HTML атрибут xmlns | назначение, значения, примеры</a></li> </div> </div> </section> </article> </main> <footer id="colophon" class="site-footer" itemscope itemtype="http://schema.org/WPFooter"> <div class="container"> <div class="footer-grid"> <div class="footer-col"> <div class="footer-title">О проекте MpBox</div> <p class="footer-desc"> Профессиональный справочник по HTML, CSS и JavaScript. Мы помогаем разработчикам создавать быстрые, семантически верные и адаптивные сайты. </p> <div class="social-links"> <a href="https://t.me/usefuls_tips" target="_blank" rel="noopener noreferrer" aria-label="Telegram"> <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M4.104 11.533s7.96-3.293 10.721-4.453a441 441 0 0 1 4.648-1.948s1.657-.649 1.519.928c-.046.65-.414 2.922-.783 5.38-.552 3.478-1.15 7.281-1.15 7.281s-.092 1.067-.874 1.252-2.071-.649-2.301-.834c-.184-.14-3.451-2.227-4.648-3.247-.322-.278-.69-.835.046-1.484a176 176 0 0 0 4.832-4.638c.552-.556 1.104-1.855-1.196-.278-3.268 2.272-6.489 4.406-6.489 4.406s-.736.464-2.117.046-2.99-.974-2.99-.974-1.105-.695.782-1.437"></path></svg> </a> <a href="https://github.com/khpvo" target="_blank" rel="noopener noreferrer" aria-label="GitHub"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"></path></svg> </a> <a href="#" target="_blank" rel="noopener noreferrer" aria-label="VK"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 19h-4a8 8 0 0 1 -8 -8v-5h4v5a4 4 0 0 0 4 4v-9h4v4.5l.03 0a4.531 4.531 0 0 0 3.97 -4.496h4l-.342 1.711a6.858 6.858 0 0 1 -3.658 4.789a5.34 5.34 0 0 1 3.566 4.111l.434 2.389h-4a4.531 4.531 0 0 0 -3.97 -4.496v4.5l-.03 -.008"></path></svg> </a> </div> <div class="footer-about"><a href="/about/">О нас</a> <a href="/site-map/">Карта сайта</a></div> </div> <div class="footer-col"> <div class="footer-title">Разделы справочника</div> <ul class="footer-menu"> <li><a href="/manuals/html/">HTML Справочник</a></li> <li><a href="/manuals/css/">CSS Справочник</a></li> <li><a href="/collect/js-plugins/">JavaScript (JS)</a></li> <li><a href="/collect/html-and-css-tricks/">Приемы верстки</a></li> </ul> </div> <div class="footer-col"> <div class="footer-title">Инструменты</div> <ul class="footer-menu"> <li><a href="/services/">Онлайн сервисы</a></li> <li><a href="/terms/">Словарь терминов</a></li> <li><a href="/training/">Уроки для новичков</a></li> </ul> </div> <div class="footer-col"> <div class="footer-title">Обучение</div> <ul class="footer-menu"> <li><a href="/learn/html/">Уроки HTML</a></li> <li><a href="/learn/css/">Обучение CSS</a></li> <li><a href="/learn/javascript/">Уроки javascript</a></li> <li><a href="/learn/tegofenshuj/">Уроки верстки</a></li> </ul> </div> </div> <div class="footer-bottom"> <div class="copyright"> © 2009-2026 MpBox.ru. Все права защищены. </div> <div class="footer-meta"> <a href="/privacy-policy/">Политика конфиденциальности</a> </div> </div> </div> </footer> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/mpbox/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="mpbox-navigation-js" src="https://mpbox.ru/wp-content/themes/mpbox/js/navigation.js?ver=1.0.1"></script> <script> function toHex(form) { num = parseInt(form.num.value); form.hex.value = num.toString(16); if(form.num.value!=''&&form.num.value!='NaN'&&form.hex.value!='NaN') jQuery('#result').replaceWith('<div id="result">&#'+form.num.value+'</div>'); } document.addEventListener("DOMContentLoaded", function () { // Copy to clipboard logic function copyToClipboard(element) { var temp = document.createElement("textarea"); temp.value = element.parentNode.nextElementSibling.textContent; document.body.appendChild(temp); temp.select(); document.execCommand("copy"); document.body.removeChild(temp); var added = document.createElement("i"); added.classList.add("added"); added.textContent = "Copied..."; element.appendChild(added); setTimeout(function () { var added = document.querySelector(".added"); if(added) added.parentNode.removeChild(added); }, 2000); } var boxElements = document.querySelectorAll(".selectCode"); for (var i = 0; i < boxElements.length; i++) { boxElements[i].addEventListener("click", function(e) { e.preventDefault(); copyToClipboard(this); }); } // Mobile menu toggle const menuToggle = document.querySelector('.menu-toggle'); const nav = document.querySelector('.main-navigation'); if(menuToggle) { menuToggle.addEventListener('click', function() { nav.classList.toggle('toggled'); const expanded = this.getAttribute('aria-expanded') === 'true' || false; this.setAttribute('aria-expanded', !expanded); }); } const toggleBtn = document.querySelector('.btn-toggle-children'); if (toggleBtn) { toggleBtn.addEventListener('click', function() { const ul = this.previousElementSibling; const isExpanded = this.getAttribute('aria-expanded') === 'true'; ul.classList.toggle('expanded'); this.setAttribute('aria-expanded', !isExpanded); this.textContent = isExpanded ? 'Показать все разделы' : 'Скрыть'; }); } const headers = document.querySelectorAll('.kb-item-header'); headers.forEach(header => { header.addEventListener('click', function() { const item = this.closest('.kb-item'); const isActive = item.classList.contains('active'); document.querySelectorAll('.kb-item.active').forEach(el => { el.classList.remove('active'); }); if (!isActive) { item.classList.add('active'); } }); }); const firstItem = document.querySelector('.kb-item'); if (firstItem) { firstItem.classList.add('active'); } }); </script> </body> </html>