от рамки таг
Създаване на две рамки. Първият кадър - левия страничен панел, с ширина от 120 пиксела. В рамките на втората освобождава всички останали пространство.
Можете да използвате вложени фреймове по-сложни структури
Препоръки за употреба
- затварящ таг е задължително ()
- може да съдържа тагове ,
и <frameset></li> <li>прилагане рамки, в съответствие с W3C стандарти. трябва да определите подходящата вида на документа, като HTML 4.01 Frameset и XHTML 1.0 Frameset</li> <li>не задължителни атрибути</li> <li>използвате longdesc атрибут да направи документа с рамки по-достъпни за хората, които използват не-визуални браузъри. Този атрибут определя ресурс, който осигурява пълно описание на рамката</li> <li>Използвайте алтернативен съдържание за браузъри, които не поддържат рамки (или конфигурирани така, че да не се показват) с помощта на маркера <noframes></li> </ul> <p>свободен край <frameset> определя как оформлението на страницата в отделни области. свободен край <frame> Той определя свойствата на всеки отделен регион - рамка. Във всеки кадър е зареден независим уеб страница се определя с помощта на SRC атрибут. Препоръчително е да се посочва името на всеки кадър чрез атрибута име. Това е особено важно, ако искате да изтеглите връзката на документа от един кадър в друг.</p> <p>тагове <frameset> и <body> взаимно изключващи се. Т.е. прилагане на етикет <frameset>, <body> не трябва да бъде написана, например:</p> <p>При използване на структурите на рамката, не забравяйте, че кадъра:</p> <ul> <li>възпрепятстват търсачките индексирането на сайта</li> <li>намаляване на скоростта на изтегляне</li> </ul> <p>Рамките са използвани в изграждането на големи информационни портали, където изборът на конкретна справка в един кадър не води до претоварване на цялата страница, а само на страницата, в рамката. Въпреки това, когато се използва AJAX технология, можете да се актуализират някои обекти без презареждане на цялата страница. Следователно, използването на рамки сега рядко оправдано.</p> <hr> </div> <div class="extra"> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/nit-i-riveter.html">Нит и Riveter</a></li> <li><a href="/articles/kak-da-izberem-edna-obikolka-vashijat-vodach.html">Как да изберем една обиколка, вашият водач</a></li> <li><a href="/articles/kak-da-otvorite-zarazeni-fajlove-na-flash-pamet.html">Как да отворите заразени файлове на флаш памет</a></li> <li><a href="/articles/opisanie-papagali-nerazdelki-i-se-grizhat-za-tjah.html">Описание папагали неразделки и се грижат за тях у дома</a></li> <li><a href="/articles/anonymous-pregledi-na-filmi-i-knigi-pregledite.html">Anonymous, прегледи на филми и книги прегледите</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer kidrfgnb"> <div class="row"> <div class="col-full"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/kak-da-se-szdade-ot-nulata-na-svatbena-agencija.html">Как да се създаде от нулата на сватбена агенция</a></li> <li><a href="/articles/kak-da-vzstanovite-stranicata-za-da-se-svrzhete.html">Как да възстановите страницата, за да се свържете</a></li> <li><a href="/articles/nastroenie-cvetja-v-3-rabotilnici-za-modelirane-na.html">настроение цветя в 3 работилници за моделиране на полимерна глина обици</a></li> <li><a href="/articles/kogato-rekoltata-metli-ot-kloni-prazen-kak-da.html">Когато реколтата метли от клони празен, как да плета от бреза, бреза и кога да се събираме</a></li> <li><a href="/articles/kak-da-pleta-chorap-petata-shema-i-poetapno.html">Как да плета чорап петата схема и поетапно описание видео</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>© Copyright 2026 | Всички права запазени</p> </div> </footer> </div> <style> #cookieNoticeOverlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:20px}#cookieNoticeBox{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:Arial,sans-serif;text-align:center}#cookieNoticeBox h2{margin:0 0 14px;font-size:24px;line-height:1.25;color:#111}#cookieNoticeBox p{margin:0 0 22px;font-size:16px;line-height:1.5;color:#333}#cookieNoticeOk{display:inline-block;width:100%;max-width:240px;border-radius:12px;padding:14px 22px;background:#111;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-sizing:border-box;cursor:pointer}#cookieNoticeOk:hover{background:#333}body.cookie-notice-locked{overflow:hidden} </style> <div id="cookieNoticeOverlay"> <div id="cookieNoticeBox" role="dialog" aria-modal="true"> <h2>Cookie на сайта</h2> <p>Използваме cookie за правилната работа на сайта и подобряване на услугата.</p> </div> </div> <script> (function(){var storageKey='cookie_notice_ok_until';var showAgainAfter=24*60*60*1000;var now=Date.now();function getAcceptedUntil(){try{return Number(localStorage.getItem(storageKey))||0}catch(e){return 0}} function setAcceptedUntil(value){try{localStorage.setItem(storageKey,String(value))}catch(e){}} if(getAcceptedUntil()>now){return} var overlay=document.getElementById('cookieNoticeOverlay');var okLink=document.getElementById('cookieNoticeOk');if(!overlay||!okLink){return} function showNotice(){overlay.style.display='flex';document.body.classList.add('cookie-notice-locked')} function closeNotice(){overlay.style.display='none';document.body.classList.remove('cookie-notice-locked')} okLink.addEventListener('click',function(event){event.preventDefault();setAcceptedUntil(Date.now()+showAgainAfter);var rawHref=(okLink.getAttribute('href')||'').trim();if(rawHref==='#'||rawHref===''){closeNotice();return} var targetUrl=new URL(rawHref,window.location.origin).href;window.open(targetUrl,'_blank','noopener,noreferrer');closeNotice()});overlay.addEventListener('click',function(event){event.stopPropagation()});document.addEventListener('keydown',function(event){if(overlay.style.display==='flex'&&event.key==='Escape'){event.preventDefault();event.stopPropagation()}},!0);showNotice()})() </script></body> </html>