Как изглежда рамката. Ленти за превъртане на рамката. Специални ефекти, получени с атрибута TARGET

Оставете коментар 6,950

Инструкции

HTML език(HyperText Markup Language) предоставя два вида рамки. Плаващият е по-гъвкав и по-лесен за вмъкване в съществуващ. Като цяло конструкцията, описваща рамка на прозорец с помощта на плаваща рамка, изглежда така: Тук съществуващ сайт е посочен като източник на данни за тази рамка (атрибут src). Той ще бъде отворен в рамка с размери 400 x 300, както е посочено в атрибутите ширина и височина. Можете също да посочите страницата на вашия сайт в атрибута src. В този случай е достатъчно да се настрои относителен адрес(тоест адресът е относителен към страницата, в която е вмъкната рамката): Тази извадка също не посочва височината на рамката, но има атрибут id. Използвайки го можете с използвайки CSS() за този кадър необходими размери:

Друг тип рамки - "класически" - изисква отделна страница, която ще съдържа описание на структурата на рамката. Сами рамкище бъде в отделни страници, може би дори на отделни сайтове. HTML за такава страница с контейнер с рамка може да изглежда така:




Без блокове ... и ...

, необходим за обикновени страници, не трябва да е тук В този пример маркерът за отваряне на контейнера съдържа атрибута rows - това е, че пространството на страницата трябва да бъде разделено вертикално и ще бъде даден първият кадър горна част... Ако замените редовете с колони, тогава разделението ще бъде хоризонтално. Стойността на този атрибут "*, ​​*" показва, че пропорциите на разделяне са по 50% всяка. Ако посочите например "20%, *", тогава само 20% ще бъдат дадени на първия кадър, а останалата част от пространството на втория. Потребителят може да промени тези пропорции, като плъзга границите на рамките с мишката, но е възможно да деактивирате това действие. За да направите това, добавете атрибута noresize към етикета на конкретна рамка. Можете също да зададете размерите на вертикалните и хоризонталните отстъпи от съседната рамка (атрибутите marginwidth и marginheight): Възможно е да зададете правилата за поведение за лентите за превъртане на всеки кадър поотделно. За това се използва атрибутът за превъртане, който може да съдържа една от трите предварително дефинирани стойности. Ако зададете превъртане = "автоматично", тогава превъртането ще се появи, когато съдържанието на рамката не се вписва в неговите граници. Ако "да" - ивици ще присъстват през цялото време, независимо от нуждата от тях. Ако "не" - това ще означава деактивиране на лентите за превъртане за този кадър.

Въз основа на информацията, представена в две предишни стъпки, трябва да проектирате html кода, който е по-подходящ за вашата задача. След това остава само да го вмъкнете в изходния код на страницата. За да направите това, можете да използвате редактора на страници на вашата система за управление на сайта - отворете в него желаната страница, превключете в режим на редактиране на html код и поставете кода си в него Правилно мястостраници. Мога ли да подам програмен кодфайлов мениджър на страници за управление на хостинг или система за управление на съдържанието, отворете го в текстов редактори поставете кода в него. И след това, по същия начин, качете обратно променения код.

В този брой ще говорим за рамки. Рамкипо своята същност те са много подобни на таблиците, но за разлика от таблиците, всеки кадър е независим и всяка от тях може да има отделна уеб страница със собствен адрес.

Фигурата показва доста често срещана структура на сайта. Тя може да бъде представена под формата на таблица или можете да направите всичко с помощта на рамки. Можете да заредите страница с лого и меню в горната рамка, страница с навигация на сайта в лявата рамка, страница с основното съдържание на сайта в централната рамка, да заредите страница с рекламни банери, а в долната част - страница от акаунта

ktny информация. Ето един бърз поглед какво представляват рамки.

Сега нека да разгледаме как може да се направи всичко това.

Характеристика на документ, съдържащ рамки, е, че той не съдържа контейнер ТЯЛО... Вместо това се използва контейнер. РАМКА... Общият синтаксис за рамки е както следва:

… ….

В контейнер …. етикетите са разположени които определят съдържанието на кадрите.

етикет има два параметъра:

редове = число- броят на редовете (хоризонтални подпрозорци).

cols = число- броят на колоните (вертикални подпрозорци).

Най-общо казано, стойностите на параметрите на редовете и столбцата се определят не с числа, а чрез изброяване на числа, разделени със запетаи. Колко числа ще отидат, толкова редове или колони ще бъдат и числата определят размера на рамката. Основното е, че сборът от тези числа е цялата ширина на екрана.

Да вземем това с пример и всичко ще стане ясно. Сега нека създадем рамков документ като този:

Кодът, който ще дефинира такава структура на рамката за нас, ще изглежда така:

Първият ред от горния код отваря контейнер за набор от рамки, параметърът cols указва, че ще има три вложени кадъра. Първият ще има ширина 30% от цялата ширина на екрана. Третият също ще има ширина от 30% от цялата ширина на екрана. И вторият кадър ще заеме цялото останало място. Да символ “*” (звездичка) означава да заеме цялото оставащо пространство на екрана.

Между другото, нека да разгледаме как кадрите могат да бъдат оразмерени с помощта на параметрите cols и rows:

Можете да зададете размера, като просто поставите число. Това число ще определи размера на рамката в пиксели.

Можете да зададете ширината като процент. Освен това, ако сумата от процентите на всички колони надвиши 100%, тогава всички кадри ще намалеят пропорционално, така че обща сумабеше равно на 100%. Ситуацията ще бъде подобна, ако сборът от процентите на всички колони е по-малък от 100%, тогава всички кадри ще се увеличат пропорционално, така че общата сума да е равна на 100%.

Можете да зададете размера на рамката със символа “” (звезда). Това означава, че рамката трябва да заема останалото пространство. Ако е посочено, напр , тоест две звездички, тогава цялото останало пространство ще бъде разделено по равно между тези два кадъра (в в такъв случай 40% всеки).

Можете да комбинирате опции за оразмеряване на рамки. Например:

Този код означава, че първият кадър ще бъде 70 пиксела, третият ще има 40% от ширината на екрана, а вторият ще заема останалото пространство.

Първият ред код е напълно подреден. Продължа напред.

Това е последвано от етикетите ... Тъй като запетая е разделена в параметър колетикет набор от рамкидадени три числа (тоест ще има три кадъра), след това етикетите трябва да има и три. Стойността на параметъра src е адресът уеб странициза зареждане в тази рамка. Адресът, както можете да видите от примера, може да бъде абсолютен и относителен.

И в последен редконтейнерът е затворен .

Ако заменим параметъра cols с редове в първия ред на кода, тогава получаваме същия рамков документ, състоящ се от три кадъра. Само рамката ще върви вертикално.

Настроики редовеи колне може да се използва едновременно. Това води до грешки и неправилно показване на съдържанието.

Сега всеки има въпрос как да създаде такава структура, за който говорих в самото начало на статията. Ще се върнем към това малко по-късно, но засега нека се обърнем към това, което се случва в нашия браузър сега.

В браузъра виждаме три страници, всяка от които е в собствена рамка.

В същото време, като задържите курсора на мишката над границите на кадрите, можем да променим размера на рамките, лентите за превъртане и границите между кадрите също се виждат. Това не винаги е необходимо, дори по-скоро изобщо не е необходимо. И всичко това може да се контролира благодарение на параметрите на етикета. кадъри набор от рамки.

Параметри на маркера кадъри набор от рамки:

src = "url"- задължителен параметър. Указва адреса на страницата, която да се показва вътре в рамката. Използва се само за рамка.

noresize- отменя възможността за преоразмеряване. Използва се само за кадър.

превъртане = "да / не / автоматично"- определя наличието на ленти за превъртане. Стойност да - Показва наличието на ленти за превъртане. Стойността no показва, че няма да има ленти за превъртане. Ако стойността е автоматична, браузърът сам определя дали ще има ленти за превъртане. Използва се само за кадър.

име = "име на рамка"Това е името на рамката. Този параметъризползва се за комуникация между кадрите. Ще говорим за това по-подробно малко по-късно. Използва се само за кадър.

граница = число- дебелината на границите между рамките. Ако е зададено на 0, тогава границите между кадрите не се показват. Използва се само за набор от рамки.

интервал между рамката = "число"- разстояние между рамките. Използва се само за набор от рамки.

Използвайки тези параметри, можете да получите страница, която не показва границите между кадрите, няма начин да промените размера на кадрите, а за последните два кадъра забраняваме превъртането. Кодът за такава страница изглежда така:

Има още няколко параметъра, но те не работят еднозначно, така че мисля, че е препоръчително дори да не ги споменаваме в изданието.

Може би това е всичко с параметрите. Разгледахме пример как да ги използваме.

Сега нека създадем структурата на рамката, за която говорих в самото начало на този брой.

За да направите това, създайте структура от три кадъра с вертикално разделение.

Тоест там, където са логото и менюто на сайта, височината ще бъде 100 пиксела. При информация за контакт височината ще бъде 70 пиксела. Останалата част от пространството ще бъде заета от линията с навигацията на сайта, основното съдържание на сайта и рекламните банери.

Съответно, вместо етикета , трябва да поставим друг контейнер .. с три колони и във всяка напишете свой собствен адрес на страница. Вижте, нищо сложно, ние просто маркираме вместо това поставете нов контейнер, от който се нуждаем .. .

След това вмъкваме нашата трета рамка с Информация за връзкаи затворете основния контейнер

Пълният код за тази страница е даден по-долу:

Разбира се, взех адресите за рамки от предишни пощенски списъци и тук не видяхме меню, лого, навигация и т.н. Но получихме структурата според нуждите. Но ако създадете действителните страници, които искате, можете да получите хубава структура.

Какво получихме в крайна сметка. Кое е удобно или неудобно (вие решавате), но със структура на рамката, всички наши рамки винаги остават на страницата. Независимо от размера на съдържанието, ние винаги ще виждаме логото и менюто на сайта, долната част на сайта с информация за контакт, навигационен блок и банери. Това е като цяло същността и значението на рамките.

Има възможност за взаимодействие между кадрите. Можете да направите така, че като щракнете върху връзка в един кадър, информацията да се показва в друга. Сега ще видим как се прави това.

Нека създадем рамка като тази:

В лявата рамка ще бъдат разположени нашите връзки. А вдясно – страниците, към които водят тези връзки.

Нека създадем рамка като тази:

Ето, надявам се всичко да е ясно. Единственото нещо е, че вторият кадър има параметър име = ”fram1 ″... Това е стойността на параметъра name, която ще използваме в бъдеще. Нека го запомним.

Сега създаваме документ ind2.html... той ще съдържа нашия набор от връзки. По принцип това е нормален html документ, само за връзки ще посочим параметъра цели като стойност за този параметър ще посочим името на нашата рамка - "Fram1"... Това е:

на webformyself.com
на mail.ru
на google.ru

Нека създадем документ ind3.html. Можете да го оставите празен или да подредите в него това, което искате да видите на началната страница.

Сега имаме рамка с две колони. Списъкът с връзки се намира вляво, а страницата, към която води връзката от лявата рамка, ще бъде показана вдясно.

Ще ви разкажа за още един таг, свързан с рамки, и ще довърша този епизод.

етикет ... В контейнер обикновено се пише информация, че браузърът не поддържа рамки. Ако браузърът поддържа рамки, тази информация се игнорира. Контейнер поставени вътре в html документа, където искате или имате нужда от него. Параметърът src определя адреса на страницата, която ще бъде заредена в рамката. Например, нека поставим сайта във втория брой на пощенския списък webformyself.com... За да направите това, навсякъде в html документа на второто издание напишете:

етикет

Много сайтове днес имат лепкави менюта за навигация, които се появяват или в страничната лента, или в горната част, докато превъртате нагоре и надолу по страницата. Но свойствата на CSS, които ви позволяват да създавате лепкави менюта, не винаги се поддържат от браузърите. Преди това за реализиране на тази функционалност се използваха рамки в HTML.

Разлика между рамки и вградени рамки

Когато използвате набор от рамки, вие разделяте видимата част от прозореца на браузъра на множество рамки. Всеки кадър има собствено съдържание, което не се отразява на съдържанието на следващия. Рамките и вградените рамки изпълняват подобна функция - те вграждат ресурс в уеб страница, но са фундаментално различни един от друг:

  • Рамките са елементи, които определят оформление;
  • Вградените рамки са елементи, които добавят съдържание.

История и бъдеще на рамките

Рамките са отхвърлени от W3Cв HTML5. Причината за това решение беше, че HTML кадрите са вредни за използваемостта и достъпността. Нека видим дали тези твърдения са оправдани.

Проблеми с рамката

  • Проблеми с използваемостта:С нарастващата популярност на мобилните устройства с малки екрани се наложи сайтовете да предлагат на потребителите множество изгледи, които се променят в зависимост от размера на изгледа. Докато рамки могат да бъдат манипулирани, за да осигурят известна степен на отзивчивост, те не са много подходящи за създаване на адаптивни сайтове;
  • Достъпност: Разказвачите и други помощни технологии са доста слаби при четене и взаимодействие със сайтове, които използват рамки.

В момента има световна тенденция в уеб разработката да се отделя съдържанието на уеб страница от нейното представяне:

  • Съдържанието трябва да бъде добавено и дефинирано чрез маркиране, например чрез HTML;
  • Презентацията се дефинира от езици като CSS и JavaScript.

Използването на рамки първоначално включва създаване на специфичен външен вид и усещане, докато задачите за представяне трябва да се обработват с CSS.

Бъдещето на рамките

Въпреки че днес всички съвременни браузъри поддържат рамки, W3C недвусмислено заявитова рамкира " не трябва да се използва от уеб разработчици". Ако имате сайт, който използва рамки, тогава трябва да помислите за преминаване към други технологии. В един момент браузърите ще спрат да поддържат рамки и когато това се случи, сайтовете, които ги използват, ще станат неизползваеми.

Как да направите рамки в HTML

Рамките не трябва да се използват при разработването на нови сайтове, но за уеб администратори, които поддържат стари ресурси, може да е полезно да знаят как да ги използват.

Основна концепция за рамки

Основната концепция за рамки е доста проста:

  • Използвайте елемент на набор от рамка на определено място на елемента тяло в HTML документ;
  • Използвайте елемента рамка за създаване на рамки за съдържание на уеб страница;
  • Използвайте атрибута src, за да идентифицирате ресурса, който да бъде зареден вътре в рамката;
  • Създайте отделен файл със съдържание за всяка HTML рамка.

Нека разгледаме няколко примера за това как работи това. Първо, трябва да създадем някои HTML документи, с които ще работим. Нека създадем четири различни HTML документа. Ето какво ще съдържа първият:

Рамка 1

Съдържание на рамка 1



Ще запазим първия документ като frame_1.html. Останалите три документа ще имат подобно съдържание и ще бъдат наречени съответно.

Създайте вертикални колони

За да създадете набор от четири вертикални колони, използвайте елемента frameset с атрибута cols. Атрибутът cols се използва за определяне на броя и размера на колоните, които наборът от рамки ще съдържа. В нашия случай имаме четири файла за показване. Следователно имаме нужда от четири кадъра.

За да ги създадем, трябва да зададем атрибута cols на четири стойности, разделени със запетаи. За простота ще присвоим на всеки от кадрите стойност *, това ще зададе размера за тях, при който те автоматично ще запълнят цялото свободно пространство. Ето как ще изглежда нашата HTML маркировка:

И ето как ще се покаже тази маркировка:

Създаване на хоризонтални линии

HTML низовете за рамка могат да бъдат създадени с помощта на атрибута rows, а не с атрибута cols, както в предишния пример:

С тази промяна накарахме рамките да се зареждат в четири реда, един над друг:


Комбиниране на колони и редове

Колони и рамкови редове могат да се показват едновременно на една и съща страница. Можете да поставите една рамка в друга. За да направим това, първо създаваме набор от рамки и след това влагаме дъщерния набор от рамки вътре в родителския елемент. Ето пример за това как можете да вложите два реда в набор от три колони:

набор от рамки cols = "*, *, *">

Пример за рамка в HTML:


Вложеният набор от рамки е позициониран в родителския елемент, първият кадър. Вложеният елемент може да бъде поставен навсякъде. Например, ако искаме вложен елемент да бъде центриран, просто пренареждаме елементите, както следва:

Ето как сега ще се показват кадрите:


Можете да създадете други вложени рамки:

Този код създава набор от две колони с еднакъв размер. След това разделяме втората колона на два реда. Накрая разделяме втория ред на две колони. Ето как ще изглежда:


Друг начин за създаване на комбинация от редове и колони е да дефинирате мрежа от колони и редове в една и съща рамка. Например, ако искате да създадете мрежа от четири кадъра с еднакъв размер, можете да използвате следния код:

Получената мрежа от редове и колони ще изглежда така:


Как да стилизирате рамки

Когато става въпрос за стилизиране на уеб страница, която използва рамки в HTML, има два начина за стил:

  • Дефиниране на стилове във всеки кадър;
  • Дефиниране на стилове за набор от рамки.

Представянето на всеки кадър трябва да бъде дефинирано в изходния документ. Изгледът на набор от рамки трябва да бъде дефиниран в родителския документ, съдържащ набора от рамки. С други думи, стиловете за frame_1.html трябва да бъдат стилизирани от CSS правилата, съдържащи се във файла frame_1.html, или в стиловата таблица, свързана с файла frame_1.html.

Дефиниране на стилове на рамката в изходния документ

Както при всяка уеб страница, съдържанието на всеки кадър може да бъде стилизирано с помощта на CSS. За да стилизирате съдържанието на всеки кадър, те трябва да бъдат добавени към основния документ или чрез връзка към външна таблица със стилове, или чрез добавяне на вътрешни или вградени стилове. Като се има предвид, че имаме четири изходни документа, CSS стиловете трябва да се прилагат към всеки документ поотделно.

Прилагайки CSS стилове към уеб страница, която съдържа набор от рамки, не можем да стилизираме всеки кадър поотделно. Ако искаме да стилизираме frame_1.html, трябва да добавим тези стилове директно към самия документ. Ето пример за това как можете да направите това:

Рамка 1

Съдържание на рамка 1



Ако се върнем към предишния ни пример за създаване на рамки в HTML с четири колони с еднакъв размер и заредим набора от рамки, след като направим тези промени във файла frame_1.html, получаваме следното:


Оформяне и форматиране на Frameset

Как да повлияете на представянето на набор от рамки, освен да дефинирате стиловете на самите документи:

  • Размерът на всяка рамка може да бъде определен или фиксиран;
  • Отстъпът между кадрите може да се променя;
  • Форматът на границата около всеки кадър може да бъде зададен.

Тези промени не се правят чрез CSS. Те се постигат чрез добавяне на атрибути и техните стойности към елемента на рамката.

Оразмеряване на рамки

Рамките могат да бъдат оразмерени в пиксели, проценти или кадрите могат автоматично да заемат цялото свободно пространство. За да посочите размера на рамката, вмъкнете желаната стойност в атрибута cols или rows. По подразбиране, ако атрибутът noresize не е посочен за рамка, посетителите на сайта могат да използват мишката, за да плъзнат границата между двата кадъра, като ги преоразмерят. Ако това не е желано, атрибутът noresize може да се приложи към елемента на рамката и не може да бъде преоразмерен. Нека комбинираме и двете концепции на практика.

Ще създадем следното оформление:

  • Един ред с пълна ширина в горната част на страницата;
  • Три колони под горния ред;
  • Първата и третата колона са оразмерени за създаване на лявата и дясната странична лента;
  • Средната колона е оразмерена, за да представлява голяма област от съдържание.

Можем да създадем HTML рамка със следния код:

Този код създава набор от рамки от два реда:

  • Първият ред е висок 150 пиксела. Атрибутът noresize за първия кадър означава, че той не може да бъде преоразмерен;
  • Стиловете, които приложихме по-рано към frame_1.html, са запазени, но засягат само съдържанието на този кадър;
  • Вторият ред се разширява, за да запълни останалото пространство;
  • Вторият набор от рамки е вложен във втория ред и съдържа три колони;
  • Първата и третата колона запълват по 20% от наличното пространство на прозореца на браузъра;
  • Втората колона се разширява, за да запълни пространството, оставащо между първата и третата колона;
  • Тъй като не сме посочили атрибута noresize за колоните, те първоначално ще бъдат показани въз основа на размерите, посочени в кода.

Но посетител на сайта може ръчно да ги преоразмерява.

Този код създава уеб страница, която се показва, както следва:


Форматиране на границата и подреждане около рамката

Сега, когато сме дефинирали оформлението, ако трябва, можем да увеличим или намалим пълнежа между кадрите, както и да премахнем границата между тях. Използвайки оформлението, което създадохме в предишния параграф, нека премахнем границите между трите колони, но да запазим границата между горния и долния ред. Нека също така добавим малко подпълване около съдържанието на първата HTML рамка:

Атрибутът marginheight, приложен към първия кадър, добавя 15 пиксела подпълване над и под съдържанието, заредено в първия кадър. Стойност на рамката от 0 премахва границите и за трите долни кадъра. Ето как ще изглежда:


Указване на рамки с помощта на връзки

Една от най-честите употреби на рамки е да се създаде лепкаво меню за навигация в рамките на рамка, която винаги е видима, независимо от позицията на съдържанието на другите кадри. Когато се използват правилно, връзките в менюто за навигация зареждат нови ресурси в рамката, докато останалите рамки остават статични.

Можете да форматирате котви, за да укажете конкретни рамки, като присвоите атрибут name на желания елемент от рамката и използвате атрибута target вътре в елемента a, за да заредите href в посочения кадър. Ако всичко това малко ви обърква, нека ви преведем през процеса на създаване на рамки в HTML стъпка по стъпка.

Първото нещо, което трябва да направим, е да зададем име на рамката, в която трябва да се отварят връзките. В маркирането, което създадохме по-рано, можете да използвате лявата колона за менюто за навигация и централната колона като целева рамка. За да направите това, трябва да присвоите атрибута name на целевия елемент:

Сега, когато сме задали name = "mid_col" за централната колона, можем да създадем някои връзки в изходния документ на нашата лява колона, frame_2.html:

Рамка 2

Съдържание на рамка 2

  • Заредете рамка_1.html
  • Заредете рамка_2.html
  • Заредете рамка_3.html
  • Заредете рамка_4.html


Сега, когато заредим уеб страницата, ще има четири връзки за навигация в лявата странична лента. Когато се щракне върху връзката, съдържанието на файла се зарежда в рамката на средната колона с атрибут name = "mid_col". Ето какво виждаме, когато страницата се зареди:




Щракването върху връзките Зареди frame_3.html и Зареди frame_4.html в централната колона ще зареди съдържанието на тези файлове. Ако сме забравили да добавим атрибут target = "mid_col" за една от връзките, тогава когато щракнем върху него, файлът ще се зареди в рамката, която съдържа връзката. Ако искаме да презаредим цялата страница, например, когато следваме връзка към външен сайт, трябва да добавим атрибут target = "_ blank" или target = "_ top".

Предоставяне на резервен вариант за noframes

В миналото елементът noframes е бил използван за създаване на резервен вариант за браузъри, които не поддържат HTML рамки. В момента всички съвременни браузъри поддържат фреймове, но noframes практически не се поддържа. В резултат на това вече не е необходимо да създаваме резервен вариант за noframes, когато работим с рамки.

Как да направите рамки отзивчиви

При използване на рамки е доста трудно да се осигури използваемост за посетители, които посещават сайта от смартфони и малки таблети. Тъй като рамки са напълно премахнати от HTML5 и се считат за остарели, важно е собствениците на сайтове, изградени с рамки, да планират да препроектират своите ресурси и да мигрират към други технологии.

Използване на редове, а не колони

Ако е възможно, подредете рамки в редове, а не в колони. На малък екран е много по-лесно да навигирате в съдържанието вертикално, отколкото хоризонтално. Рамките в HTML, които са подредени в редица, са много по-лесни за гледане на малък екран. Ако намалим ширината на оформлението на редове и колони, за да симулираме екрана на Apple iPhone 6, можем да видим, че редовете са много по-лесни за гледане от колоните:


Използвайте проценти за ширини на колоните

Когато колоните са оразмерени като проценти, а не като пиксели, те автоматично ще преоразмерят въз основа на размера на екрана на устройството. Въпреки че това може да създаде проблеми с някои от кадрите да станат твърде малки, цялостното потребителско изживяване и изживяване при сърфиране ще бъдат по-добри, ако общите ширини на колоните са посочени в проценти, а не в пиксели.

Как да преминете от рамки към други технологии

И елементът frameset, и елементът frame са премахнати от най-новата спецификация на HTML5. Собствениците на сайтове, изградени с рамки, трябва да препроектират своите активи, за да ги изключат от оформлението. В даден момент браузърите ще откажат поддръжката за рамки. По този начин изоставянето на рамки не е просто желателно, а трябва да се направи.

Оценяване на съдържанието, съдържащо се в рамки

Първата стъпка за реорганизиране на сайт, който използва HTML плаващи рамки, е да се идентифицират причините, поради които се използват рамки:

  • Използвани ли са рамки за създаване на конкретно оформление? Ако е така, CSS може да се използва за създаване на подобно оформление;
  • Използвани ли са рамки за създаване на рекламен контейнер с определен размер? Има много начини за пресъздаване на този ефект с помощта на специфични за CSS или CMS джаджи;
  • Използвани ли са рамки за създаване на лепкави менюта за навигация? Отново същият ефект може да се пресъздаде с CSS;
  • Използвани ли са рамки за изтегляне на съдържание от външен сайт? Ако е така, елементът iframe, който е част от HTML5, може да се използва за вграждане на съдържание от външен сайт.

В почти всеки случай можете да използвате CSS, за да пресъздадете оформление, проектирано с рамки, а вградена рамка може да се използва за вграждане на външни ресурси.



© Авторско право 2017, https://qzoreteam.ru