Seo folosind cadre în html. Iframe și Frame - ce sunt acestea și cum să folosiți cel mai bine cadrele în HTML

8.9K

Element

Rame

Ce face

Principala diferență între

Termenul „cadru” ne-a venit de la în limba engleză... Tradus, acest cuvânt înseamnă „cadru” și este o zonă separată a ferestrei. Prin structura sa, o astfel de secțiune este un document HTML complet complet.

Cadrele separate împart ferestrele browserului în secțiuni care sunt plasate una lângă alta. În același timp, în fiecare dintre cadre este încărcată propria pagină cu drepturi depline. Tehnologia cadrelor provoacă încă multe controverse, dar trebuie spus că vârful popularității sale a trecut deja. Această tehnologie este acum considerată învechită și cadrele obișnuite nu mai sunt acceptate în HTML5.

Istoria tehnologiei

Astăzi putem afirma că decizia de a nu lucra cu tehnologia cadrelor a fost luată în sfârșit. Site-ul https://www.w3.org/TR/html5-diff/#obsolete-elements afirmă clar că etichetele obișnuite pentru crearea unui astfel de frame de structură, set de cadre și noframes sunt depreciate. Ca argument, sunt prezentate date că utilizarea unei astfel de structuri are un impact negativ asupra gradului de utilizare a site-urilor și disponibilității acestora pe web.

Dar tehnologii moderne suportă elementul IFRAME. Utilizarea acestuia vă permite să inserați cadre în blocuri de text din pagini. Mai mult, astfel de elemente pot fi aliniate în raport cu textul în sine. Un punct important: Cadrele inline nu pot fi redimensionate în principiu. Nu au un atribut de redimensionare corespunzător.

În viitor, fără salturi și limite în tehnologie, utilizarea ulterioară a ramelor este puțin probabilă. Și merită să ne amintim că organizația principală de standardizare a tehnologiei Internet, W3C, a precizat că astfel de structuri nu ar trebui folosite de dezvoltatorii de site-uri.

Adică, cadrele, în principiu, nu ar trebui folosite pentru structura paginii atunci când se creează noi resurse. Dar, cu sprijinul și rafinarea site-urilor existente, cunoașterea caracteristicilor tehnologiei și utilizarea lor va fi foarte utilă și productivă.

Beneficiile ramelor

Printre avantajele tehnologiei ramelor se numără ușurința în utilizare, viteza mare de lucru, capacitatea de a poziționa cu precizie informațiile în anumite locuri ale ferestrei.

Utilizarea cadrelor oferă economii la volumul de trafic transmis în procesul de lucru cu site-ul. Într-adevăr, atunci când te referi la o altă secțiune de informații, doar o secțiune a paginii este de obicei actualizată și nu tot codul acesteia.

Această structură oferă oportunități interesante de navigare prin conținutul resurselor. Într-adevăr, în interiorul ferestrei browserului în cadre adiacente, puteți vizualiza diverse blocuri de informații. Este important ca utilizatorii să știe că căutarea într-un cadru echivalează cu efectuarea unei astfel de operațiuni pe o pagină separată.

În procesul de lucru cu site-ul, puteți modifica dinamic dimensiunea unei zone separate, care este dificil de implementat folosind alte soluții tehnologice.

Posibile dezavantaje

Problemele cu site-urile care utilizează cadre s-au acumulat treptat, dar astăzi au atins o valoare-prag. Printre principalele dezavantaje se numără:

1. Utilizabilitate slabă. Astăzi, ponderea utilizatorilor de dispozitive mobile și tablete cu rezoluții mici de ecran este în creștere și deja depășește numărul celor care vizitează site-uri cu calculatoare staţionare si laptopuri. Și aici, utilizarea cadrelor creează probleme serioase cu capacitatea de răspuns a paginilor atunci când sunt afișate diferite dispozitive... Această problemă nu are o soluție practică astăzi.
2. Deteriorarea accesibilității site-ului pentru diverse programe. Creșterea numărului programe suplimentare(de exemplu, cititoarele de ecran) prezintă o lizibilitate mult mai slabă a informațiilor.
3. Afișare incorectă a paginilor. Adesea, aspectul paginilor cu o astfel de structură pare incorect în browsere din punct de vedere al designului. Și acest lucru se datorează particularităților tehnologiei. Din punct de vedere SEO, utilizarea cadrelor în aspectul paginii html este extrem de nedorită.
4. Prezența unei singure adrese pentru întreaga structură. Ca urmare, paginile interne ale unui astfel de site nu pot fi marcate. Acest lucru duce la inconveniente în experiența utilizatorului.
5. Indexare incorectă de către motoarele de căutare. Prezența mai multor documente cu drepturi depline pe site, din care se formează o pagină, complică semnificativ munca motoarelor de căutare. Acest lucru duce la erori semnificative de indexare. Ca rezultat - definirea incorectă a subiectelor și a adreselor paginilor, pierderea conținutului critic din indexare.
6. Lipsa de respect. Acesta este un dezavantaj destul de neobișnuit pentru resursele online. Și totuși trebuie spus că faptul că aspectul site-urilor pe cadre este depășit duce la faptul că autorii și proprietarii unor astfel de resurse sunt considerați retrogradi. Dar există câteva excepții. Chiar și site-urile moderne care găzduiesc camere de chat folosesc de obicei cadre.

Indexarea cadrelor de către motoarele de căutare

Informațiile care provin de la motoarele de căutare ne arată clar că site-urile cu cadre sunt indexate considerabil mai lent. În același timp, apar adesea erori asociate cu structura în sine. La urma urmei, în fiecare dintre cadre este afișată o pagină web cu drepturi depline. Și doar o astfel de parte a site-ului poate intra în baza de date de indexare.

Aspectul negativ al unei astfel de indexări este că atunci când navighează în partea interioară a paginii, utilizatorul de obicei nu vede meniul și alte mecanisme de navigare. Și acest lucru nu este surprinzător. Trebuie să înțelegeți că actualizarea cadrului nu este o soluție la problema în acest caz. La urma urmei, toate mecanismele de navigare sunt situate într-un alt container.

O altă problemă este că adesea pagina principală a structurii containerului conține doar titlul, descrierea meta-etichetelor și eticheta FRAMESET. Și acest lucru pare să fie logic - la urma urmei, conținutul semnificativ este plasat în documente separate. Acestea sunt pe care vizitatorul site-ului le va vedea pe pagină în cadrul cadrului.

Dar aici robot de căutare o astfel de pagină nu este aproape niciodată indexată. El nu găsește conținut care să fie util vizitatorilor. Boții de căutare sunt configurați în așa fel încât să încerce să obțină și să indexeze informațiile plasate în interiorul etichetei body. Acolo are loc căutarea conținutului util utilizatorului. Dar nu există o astfel de etichetă pe pagina cadru, este înlocuită cu FRAMESET.

Această problemă poate fi parțial rezolvată folosind NOFRAMES. Dar pe multe site-uri, la accesarea acestuia, se oferă doar informații că browserul nu acceptă cadre. Și trebuie să utilizați un alt program pentru a vizualiza pagina.

Astfel de cazuri creează o mulțime de probleme utilizatorilor care, atunci când merg pe site, nu văd meniul și alte informații care ar trebui afișate. Daca pe site sunt plasate cadre, parametrii acestuia din punct de vedere SEO sunt redusi. În același timp, statisticile comportamentului utilizatorilor sugerează că autoritatea resursei cu motoarele de căutare scade. Acest lucru afectează negativ traficul site-ului web.

Este deosebit de dificil pentru motoarele de căutare și roboții de indexare să gestioneze structurile de personal imbricate și multiple. Faptul că fiecare container are toate caracteristicile unui document separat, dar nu conține navigație completă și alte informații, complică și mai mult situația.

Este posibilă facilitarea muncii motoarelor de căutare aplicând link-ul corect pe pagini. În acest caz, este necesar să duplicați toate linkurile de meniu, astfel încât acestea să poată fi găsite în fiecare parte separată a paginii. Dar acest lucru complică și încetinește semnificativ munca de optimizare a site-ului și de actualizare a informațiilor de pe acesta.

Experiența multor SEO și webmasteri sugerează, de asemenea, că paginile încadrate nu obțin clasamente înalte rezultatele cautarii... Acest lucru se întâmplă chiar dacă ajung în baza de date de indexare.

Caracteristici ale promovării site-ului web în cadre

Unele motoare de căutare indexează incorect sau foarte incorect fișierele structurate în cadru. Ca urmare, baza de index este umplută nu cu adresele resurselor părinte (cum ar fi trebuit să fie), ci cu link-uri către sub-site-uri.

Pentru a minimiza problemele de indexare a site-urilor pe bază de cadre, în descrierile acestora sunt utilizate etichete și parametri speciali. Elementul principal al structurii containerului este setul de cadre. El este cel care îl înlocuiește cod sursa corp standard; Fiecare container individual din structură este descris de un cadru. Valoarea acestuia în codul paginii corespunde numărului de secțiuni individuale afișate în fereastra browserului atunci când sunt vizualizate.

Etichetele specificate ar trebui să fie localizate pe pagina principala site-ul și apoi duplicați conținutul din fiecare dintre ele.

După cum știm, într-o fereastră de vizualizare a browserului, nu putem încărca două documente HTML în același timp. Astfel, dacă avem același meniu de navigare pe toate paginile, atunci utilizatorul va descărca exact aceeași bucată de cod de fiecare dată când trece de la o pagină Web a site-ului la alta. Chiar dacă meniul în sine este mic, aceasta nu este cea mai convenabilă opțiune, deoarece canalele de comunicare pe care le au utilizatorii ruși nu sunt prea mari, iar încărcarea meniului poate dura cel puțin câteva secunde. Ne putem asigura că elementele imuabile ale site-ului rămân întotdeauna în fereastra de vizualizare a utilizatorului fără a fi reîncărcate? Poate sa.

Putem crea un document care va împărți o fereastră de vizualizare în mai multe regiuni dreptunghiulare, fiecare dintre acestea va afișa un document HTML. Aceste zone dreptunghiulare, fiecare dintre acestea fiind în esență o fereastră de vizualizare separată, sunt numite rame.

Astfel, putem lăsa permanent meniul de navigare din stânga și/sau de sus în fereastra de vizualizare și reîncărcăm doar partea de site care este necesară.

Ca orice fereastră de vizualizare, cadrele pot avea bare de defilare care permit utilizatorului să vadă întregul conținut al cadrului dacă nu se încadrează în întregime în zona vizibilă. Această caracteristică a cadrelor este cea care provoacă dispute constante între webmasteri. Cineva susține că astfel de comenzi nu ar trebui să fie amplasate în spațiul interior al ferestrei principale, deoarece ocupă spațiu neprețuit și distrage atenția utilizatorului. Unii susțin că aceste deficiențe nu reprezintă un preț prea mare de plătit pentru a face paginile web mai ușor de reîncărcat pe link-uri lente. Într-un fel sau altul, fiecare ar trebui să decidă singur cu privire la posibilitatea de a folosi rame.

Există două tipuri de cadre în HTML: cadre obișnuite și așa-numitele cadre „floating”. Dacă folosim cadre obișnuite, atunci este creat un document care împarte întregul viewport în cadre, iar acestea sau acele documente HTML sunt deja afișate în ele. Dacă folosim un cadru flotant, atunci acesta poate fi inclus într-un document HTML obișnuit fără modificări speciale. Vom vedea diferența dintre aceste două tipuri de rame cu un exemplu.

Un document încadrat este creat folosind eticheta și geamănul său de acoperire ... În interiorul acestor două etichete se află constructele pentru declararea cadrelor individuale și informațiile afișate în fereastra de vizualizare a browserului dacă browserul nu recunoaște cadrele. Cadrele individuale sunt create folosind o pereche de etichete și ... Iar informațiile afișate atunci când browserul nu acceptă cadre sunt încorporate în documentul HTML folosind eticheta </i>... Dar totul este în ordine.</p><p>Baza etichetei <i><frameset> </i> este să împărțiți fereastra în mai multe părți. Pentru a face acest lucru, eticheta are doi parametri principali: rânduri și coloane, care indică numărul și dimensiunea cadrelor pe verticală și pe orizontală. Aceasta creează o structură de masă dreptunghiulară. Dacă trebuie să facem o împărțire mai detaliată, de exemplu, un cadru pe partea stângă a ferestrei pe verticală și două cadre separate unul de celălalt printr-un chenar orizontal în partea dreaptă a ferestrei, atunci putem crea două etichete <i><frameset> </i>, unul în celălalt. Dar totuși, luați în considerare parametrii etichetei <i><frameset> </i> in detaliu.</p> <ul><li>Parametru <i>cols</i> este destinat să specifice numărul și dimensiunea cadrelor pe orizontală în fereastra de vizualizare. Valoarea parametrului este o listă de dimensiuni separate prin virgulă. Ca de obicei, putem folosi valori absolute, multipli și procente pentru a indica dimensiunea. Valoarea implicită este 100%, ceea ce înseamnă că fereastra principală nu este împărțită vertical.</li> <li>Parametru <i>rânduri</i> vă permite să specificați numărul și dimensiunea cadrelor pe verticală în fereastra de vizualizare. Specificațiile de specificare a valorilor sunt exact aceleași cu parametrul cols.</li> </ul><p>Dar să luăm un exemplu despre cum ar arăta crearea de documente HTML cu o structură de cadru. Să presupunem că vrem să selectăm un cadru din stânga pentru meniul de navigare și să folosim spațiul rămas pentru a afișa informații din paginile principale ale site-ului Web. În acest caz, vom împărți fereastra în două. Pentru meniu, vom selecta un cadru care are o lățime de o sută cincizeci de pixeli, iar spațiul rămas ar trebui să fie ocupat de un al doilea cadru. O structură similară pentru o pagină Web este implementată folosind codul din Lista 1.31.</p> <p>Lista 1.31</p> <p><i> <!DOCTYPE HTML PUBLIC "-//W3C/VDTD HTML 4.01//EN" ""http://www.w3.org/TR/html4/strict.dtd"><br> <fhtml><br> <head> .<br> <title>0peuMbi</title><br> </head><br> <frameset cols="150"><br> <frame src="l-27.htm"><br> <frame src="l-30.htm"><br> <noframes><br> <p>Din păcate, browserul dumneavoastră nu acceptă cadre. Vă rugăm să utilizați o versiune de software mai recentă</р><br>

Să aruncăm o privire mai atentă la codul documentului HTML și la modul în care acest document a fost afișat de browser. În primul rând, trebuie să rețineți că nu există etichete în listă. și</ corp>... Aceste etichete indică faptul că tot ceea ce este între este cod afișabil și eticheta semnalează browserului că acest document conține doar structura defalcării ferestrei de vizualizare.

În etichetă am folosit un singur parametru cols. Semnificația sa era o listă cu două desemnări de mărime. Din listare puteți vedea că primul cadru, adică cadrul din stânga, are o lățime de o sută cincizeci de pixeli. Pentru al doilea cadru, setăm lățimea ca multiplu. Deoarece nu am indicat ce număr va fi multiplu această lățime, cadrul a ocupat tot spațiul liber, ceea ce ne-am dorit.

Orez. 1.30. Fereastra browserului care arată rezultatul afișării fișierului în Lista 1.31

Între etichetele de început și de sfârșit am pus două etichete . O discuție detaliată și detaliată despre ele este încă în față, dar deocamdată ne vom limita la observația că aceste etichete declară fiecare cadru separat și își stabilesc proprietățile. În cazul nostru, am folosit un singur parametru obligatoriu src, a cărui valoare este adresa URL a documentului HTML care va fi afișat în acest cadru.

Am folosit și eticheta </i>... Între el și perechea lui de acoperire <i> este codul HTML al mesajului, care va fi afișat în fereastra de vizualizare a browserului dacă nu acceptă tehnologia frame. Acum, bineînțeles, este extrem de dificil să găsești un astfel de browser, eticheta a rămas în specificația HTML încă din cele mai vechi timpuri ale browserelor de text, dar încă merită să-l folosești cel puțin din motive de curtoazie față de utilizatori.

În ilustrație (Figura 1.30), puteți vedea că fereastra de vizualizare a fost într-adevăr împărțită în două părți și fiecare dintre ele a afișat unul dintre fișierele HTML pe care le-am creat mai devreme. În acest caz, utilizatorul poate schimba în mod independent dimensiunea cadrelor, deoarece granița dintre ele, numită și despicator, este mobil. Utilizatorul trebuie doar să mute cursorul mouse-ului peste el, să apese butonul principal al mouse-ului și, fără a-l elibera, să mute chenarul în locul dorit.

Singura limitare a plasării cadrelor este structura tabulară bine definită a setului de cadre. Dar dacă vrem ca meniul din a noua parte a ferestrei de vizualizare să fie el însuși împărțit în două cadre? Abordarea clasică nu permite acest lucru. Prin urmare, puteți utiliza structuri imbricate.

Pentru a crea o defalcare a ferestrei principale de vizualizare în trei cadre, dintre care două sunt situate în aceeași coloană, unul sub celălalt, iar al treilea ocupă restul spațiului liber, ar trebui să utilizați următorul fragment de cod:

Acest exemplu arată cum un bloc o înglobăm în interiorul altuia din același bloc. Și, desigur, ar trebui să folosiți etichete ... Apropo, încă nu le-am luat în considerare în detaliu. E timpul să o faci.

Etichetă este destinat stabilirii proprietăților unui cadru individual. Deoarece lățimea și înălțimea cadrului sunt stabilite în structură , trebuie doar să setăm restul proprietăților.

• Parametru Nume vă permite să setați un nume unic pentru cadru. Nu trebuie confundat cu parametrul id. Numele pe care îl setăm folosind parametrul name este folosit în etichetele de hyperlink atunci când este necesar să încărcați documentul nu în cadrul părinte, ci în altul.
• Parametru src, după cum am văzut deja din lista anterioară, este folosit pentru a specifica adresa URL a documentului HTML care ar trebui să fie afișat în cadrul necesar.
• Parametru chenarul cadru este folosit pentru a indica dacă chenarul unui cadru dat este afișat sau nu. Ideea este că crearea unei granițe vizibile este departe de a fi necesară. Fie zero, fie unul este folosit ca valoare pentru acest parametru. Valoarea implicită de 1 indică faptul că acest cadru va avea un chenar vizibil. Dacă utilizați o valoare zero, chenarul cadrului va fi invizibil.
• Parametru lățimea marginii vă permite să setați lățimea marginilor acestui cadru în pixeli,
• Parametrul marginheght este utilizat pentru a seta dimensiunea marginii verticale în pixeli pentru acest cadru.
• Parametru noresize ar trebui să fie folosit dacă utilizatorul nu ar trebui să poată muta marginile cadrului prin redimensionarea acestuia în acest mod. Dacă îl includem în etichetă , atunci utilizatorul nu va putea redimensiona acest cadru. Parametrul este utilizat fără valori.
• Parametru defilare Permite utilizatorului unei pagini Web să controleze afișarea barelor de defilare pentru un anumit cadru. Unul dintre cele trei cuvinte cheie predefinite este folosit ca valoare. Valoarea automată implicită înseamnă că barele de defilare de pe un cadru vor apărea numai dacă conținutul acestui cadru nu se încadrează complet în zona afișată. O valoare de yes îi spune browserului să afișeze bare de defilare în orice moment pentru un anumit cadru, indiferent cât de mare este aria sa de afișare sau cât de exact „încadează” conținutul cadrului în el. O valoare nu obligă browserul să afișeze cadrul fără bare de defilare. În ciuda faptului că barele de defilare sunt cea mai enervantă componentă pentru utilizator, nu ar trebui să utilizați o astfel de valoare fără un motiv anume. Încă o dată, repet că nu știm dinainte ce rezoluție a monitorului este setată pentru utilizatorul care a încărcat pagina noastră și care este dimensiunea ferestrei de vizualizare a browserului. Și dacă nu există suficient spațiu pentru a afișa întregul conținut al cadrului și nu există bare de defilare, utilizatorul nu va putea vedea deloc informațiile ascunse.

Acum că am acoperit parametrii etichetei , ar trebui făcută o mică adăugare pentru a explica o limitare minoră a parametrului src strâns legat de eticheta suplimentară </i>... Ideea este că între această etichetă și dublul său final <i> plasam ceva continut care va fi afisat in cazul in care browserul utilizatorului nu suporta afisarea cadrelor. Acest conținut poate fi, desigur, structurat și folosind etichete HTML. Prin urmare, pot fi folosite hyperlinkuri și marcaje, numite și „ancore”. Deci, dacă creăm un astfel de marcaj în acest fragment, atunci nu putem face adresa URL a acestui marcaj pentru niciunul dintre cadre după valoarea parametrului src.

De asemenea, putem specifica cadrul în care va fi încărcat implicit documentul HTML. După cum știm, eticheta hyperlink <а> are un parametru țintă, a cărui valoare este numele cadrului, unde va fi afișat conținutul documentului HTML indicat de hyperlink. Dar dacă folosim acest parametru în etichetă , plasate, după cum ne amintim, în capul documentului HTML, apoi toate hyperlinkurile cu un URL incomplet în parametru href, vor plasa exact în cadru documentele către care indică, al cărui nume este indicat în etichetă .

Până acum, nu am luat în considerare eticheta separat. </i>... Dar adevărul este că această etichetă nu are parametri unici, cu excepția celor obișnuiți, iar mecanismul aplicării sale l-am putut vedea în exemplele anterioare. Prin urmare, nu ne vom opri mult timp asupra ei.</p><p>Până acum, ne-am uitat la cadre obișnuite, care despart complet fereastra de vizualizare a browserului în regiuni separate și care necesită documente specializate pentru a fi utilizate. Dar există un alt tip de cadre pe care le puteți introduce pur și simplu într-un document HTML obișnuit ca obiect standard. Cel mai mult, acest lucru este similar cu inserarea unei imagini grafice. Pentru a insera un cadru inline similar, utilizați eticheta <iframe>Dar, spre deosebire de procedura de inserare a graficelor și a altor obiecte, pentru cadrele inline trebuie să utilizați și eticheta de închidere</iframe> Iată un exemplu de includere a unui cadru inline într-un document HTML obișnuit și vedeți cum arată acel document atunci când este vizualizat într-un browser.</p> <p>Lista 1.32</p> <p><i><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" <br>„http://www.w3.org/TR/html4/strict.dtd”> <br> <html> <br> <head><br> <title></title><br> </head><br> <body><br> <р>Text cu inline <iframe src="l-25.htm"> </iframe> cadru</р><br> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body><br> </html> </i></p><p>După cum puteți vedea din lista și următoarea ilustrație (Figura 1.31), procedura de utilizare a cadrelor inline nu este deloc dificilă. Dar în listă, noi, ca întotdeauna, am folosit cea mai simplă opțiune implicită și, la urma urmei, un cadru, chiar și încorporat, ar trebui să aibă în mod natural o listă destul de extinsă de proprietăți de afișare, care sunt reglementate folosind parametri. Acum le vom lua în considerare.</p> <ul><li>Parametru <i>Nume</i> vă permite să specificați numele acestui cadru inline. Valoarea parametrului este un șir de text simplu. După aceea, puteți indica acest cadru în hyperlinkuri. Astfel, obținem capacitatea de a schimba dinamic conținutul cadrului inline.</li> <li>Parametru <i>src</i> este pentru setarea conținutului unui cadru inline. Valoarea parametrului este adresa URL a documentului HTML care va fi încărcat în acest cadru inline.</li> <li>Parametru <i>chenar cadru,</i>împreună cu mulți alți parametri, este în mod clar moștenit din cadrele obișnuite. La fel ca acolo, îi spune browserului dacă să afișeze sau nu un chenar pe cadru. Zero și unu sunt folosite ca valori. Valoarea implicită de 1 indică faptul că trebuie afișat chenarul cadrului în linie. Valoarea zero face granița invizibilă.</li> <li>Parametrii <i>marginwidh</i>și <i>înălțimea marginii</i> setați lățimea și, respectiv, înălțimea marginilor cadrului inline. Valorile parametrilor sunt numere care exprimă dimensiunile în pixeli.</li> </ul><p><img src='https://i2.wp.com/tepka.ru/html4b/31.jpg' width="100%" loading=lazy loading=lazy></p> <p>Orez. 1.31. <i>Fereastra browserului care arată rezultatul afișării fișierului în Lista 1.32</i></p> <ul><li>Parametru <i>defilare</i> controlează afișarea barelor de defilare ale unui cadru inline. Unul dintre cele trei cuvinte cheie predefinite este folosit ca valoare. Valoarea automată implicită înseamnă că barele de defilare vor apărea numai atunci când conținutul cadrului este mai mare decât cadrul în sine. Valoarea da forțează oricum barele de defilare să fie afișate, iar valoarea nu împiedică browserul să afișeze aceste bare de defilare pentru acest cadru.</li> <li>Parametru <i>alinia</i> ne permite să aliniem cadrul inline vertical sau orizontal cu restul conținutului paginii web. Valorile posibile sunt exact aceleași ca și pentru parametrul etichetei cu același nume. <img>deci nu le mai repeta. Și rezultatul acțiunii acestor valori a fost luat în considerare și de noi mai devreme.</li> <li>Parametru <i>înălţime</i> are scopul de a dimensiona în mod explicit un cadru inline pe verticală. Orice desemnare a mărimii poate fi utilizată ca valoare pentru acest parametru.</li> <li>Parametru <i>lăţime</i> vă permite să setați lățimea cadrului inline. Valoarea poate fi specificată în pixeli, multipli sau procente.</li> </ul><p>Și aici încheiem revizuirea cadrelor. Știm despre ele tot ceea ce trebuie să știm pentru a folosi cadrele în mod eficient.</p> <table width="635" border="0"><tr><td width="200"> </td><td> </td><td width="200"> </td> </tr></table> <p>Salutare dragi cititori ai site-ului blogului. Astăzi vom vorbi despre cadre în limbajul HTML. Este clar că vom începe de la început și anume cu ce fel de fiară este. Să vorbim și despre prezentul (Frame) și viitorul (Iframe) acestor elemente în limbajul de marcare hipertext al versiunii curente și în noul standard Html 5 cu.</p><p>La sfârșitul articolului, după o descriere detaliată a procesului de creare a cadrelor inline și a structurii lor clasice în cod HTML (deja rar folosit), vom atinge relevanța construirii unui site pe acestea, precum și vom discuta posibile modalități de a le folosi în perioada curentă folosind exemplul blogului meu.</p><h2>Ce este și cum este diferit Iframe de Frame</h2><p>Ce este? Se dovedește că acestea pot fi utilizate nu numai pe site-uri, ci și în orice aplicații pentru programe, dar diferă prin faptul că fereastra unei pagini web sau a unei aplicații va fi împărțită în mai multe zone, în fiecare dintre acestea fiind încărcat un document separat. Mai mult, aceste zone de cadre se comportă independent unele de altele.</p><p>Probabil cel mai viu exemplu de utilizare a acestora, pe care aproape toți l-ați întâlnit, sunt așa-numitele fișiere de ajutor (fișiere de ajutor) care sunt disponibile pentru multe programe instalate pe computer.</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/chto-takoe-freim.png' width="100%" loading=lazy loading=lazy></p><p>Fișierul cu meniul de ajutor este încărcat în fereastra din stânga, iar documentul corespunzător elementului de meniu selectat este afișat în fereastra din dreapta. Este de remarcat faptul că o astfel de structură face posibilă nu încărcarea fișierului cu meniul din nou în fereastra din stânga la deschiderea unui document nou în cel din dreapta. Acesta este exact ceea ce este <b>principalul avantaj al folosirii ramelor</b>în HTML.</p><p>De fapt, chiar numele acestor elemente ar trebui interpretat tocmai ca o fereastră independentă. Cu ajutorul cadrelor, avem posibilitatea de a împărți o fereastră mare în mai multe fragmente, care la rândul lor pot servi drept receptori pentru documente separate, independente unele de altele (pagini, texte, imagini, videoclipuri etc.).</p><p>Cum se creează o structură de cadru în limbajul de marcare hipertext? Dacă vorbim despre standardul Html 4.01 (conform clasificării), care este principalul la momentul actual, atunci sunt folosite trei elemente pentru aceasta - Frame, Frameset și Noframes.</p><h3>Iframe - cadru inline în standardul html 5</h3><p>Dacă vorbim despre standardul Html 5 (viitorul nostru, dintre care unele elemente sunt deja suportate de multe browsere), atunci acolo etichetele Frame, Frameset și Noframes, precum și structura clasică de cadre, nu vor mai fi acolo, în loc de ei există o singură etichetă Iframe (inline frame) , despre care vom vorbi la început, iar apoi ne vom îndrepta atenția către circuitul clasic din versiunea 4.01, care, de fapt, este acum folosit.</p><p>Iframe, spre deosebire de clasicele discutate mai jos, nu necesită înlocuirea etichetei Body cu etichete Frameset. Acestea. această etichetă poate fi inserată în pagini obișnuite, de exemplu, în interiorul unui paragraf sau oriunde altundeva. În esență, acest element este foarte asemănător cu eticheta Img pe care am luat-o în considerare deja.</p><p>Este un element inline cu conținut înlocuibil, deoarece se comportă exact ca un element inline, dar este afișat în interiorul acestuia. <b>conținut extern străin</b>... Există doar patru astfel de elemente în limbajul HTML - Img, Iframe, Object și Embed. Prin urmare, eroul nostru presupune prezența unui fișier extern care va fi încărcat în zonă, a cărui dimensiune este setată folosind atributele acestei etichete.</p><p>Acea. Un iframe este un element colector în care este încărcat un obiect extern (cum ar fi un videoclip). Și pentru a indica calea către acest fișier, care ar trebui să fie încărcat pe pagină, se folosește un atribut special Src. Dar, spre deosebire de Img, elementul Iframe este împerecheat, adică. <b>există și o etichetă de închidere</b>:</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>Acest exemplu arată rezultatul pe o pagină video Youtube folosind un Iframe. Pentru a limita zona cadrului (ferestrei) în care va fi încărcat fișierul extern, sunt furnizate atributele <b>Latime si inaltime</b>, ale căror valori sunt setate în pixeli:</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>Acestea. această etichetă creează o zonă în care este încărcat un obiect extern (nu contează dacă de pe site-ul tău sau dintr-o altă resursă). Lățimea și înălțimea regiunii sunt specificate folosind Width and Height, iar atributul Src specifică calea către acest obiect.</p><p>Elementul Iframe a moștenit toate aceste atribute de la etichete similare inline cu conținut înlocuit (cum ar fi Img deja menționat mai sus). Ei bine, a luat și atribute din poze. <b>Hspace și Vspace</b>, care vă permit să setați indentările de la marginile cadrului la textul care curge în jurul acestuia.</p><p>De asemenea, este semnificativ faptul că alinierea cadrului inline se realizează exact în același mod în care am putut-o vedea când studiem imaginile în Html -. Încă același <b>Alinia</b>, dar pentru eticheta Iframe cu posibile valori Bottom, Top, Middle, Left and Right.</p><p>Dar acest element a preluat și câteva atribute de la eticheta Frame din structura clasică a cadrului, despre care vom vorbi în detaliu mai jos în text. Aceste atribute includ Nume, a cărui valoare poate fi folosită ca valoare, astfel încât documentul de care aveți nevoie să se deschidă în fereastra acestui cadru atunci când faceți clic pe link (vezi detaliile de mai jos).</p><p>De asemenea, în Iframe, atributul Frameborder a migrat din eticheta Frame, care are doar două valori - fie 0 (cadru din jurul cadrului nu este afișat), fie 1 (cadru este vizibil). Valoarea implicită este Frameborder = 1, așa că pentru a-l elimina trebuie să setați Frameborder = "0":</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>Atributul Scrolling, care are o valoare implicită Auto, s-a mutat și de la Frame la acest element - barele de defilare din cadru vor apărea după cum este necesar atunci când conținutul este mai mare în dimensiunea ferestrei destinate afișării acestuia.</p><p>Ei bine, atributele Marginwidth și Marginheight sunt de asemenea transferate din elementul Frame. Ele vor fi discutate în detaliu mai jos în text, dar pe scurt - vă permit să setați marginea în lățime și înălțime de la marginile cadrului până la conținutul care este plasat în acesta.</p><p>După cum am menționat, un exemplu bun de utilizare a Iframe este:</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/iframe-video.png' width="100%" loading=lazy loading=lazy></p><p>Prin inserarea unui Iframe direct într-o pagină web, veți primi rezultatul video de pe YouTube. Concluzionăm că acest element este o încrucișare între elementele inline cu conținut înlocuit și, de fapt, cadrele clasice, despre care vom discuta acum.</p><h2>Cadre bazate pe etichetele Frame și Frameset - structura lor</h2><p>Deci, crearea unei structuri clasice de cadru începe cu faptul că scrieți în codul HTML în locul etichetelor Body de deschidere și închidere, care de obicei ar trebui să fie prezente în orice document, înlocuindu-și containerul pe baza elementelor. <b>Setul de cadru</b>.</p><p>Punctul fundamental este că elementul Body în acest caz nu poate fi utilizat - nici Body (pentru un document obișnuit), fie Frameset (când se creează structura de cadru a unui document):</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201318-13-43.png' width="100%" loading=lazy loading=lazy></p><p>Fiecare cadru pe care îl formăm în interiorul celui principal este creat folosind un element separat <b>Cadru</b>... Această etichetă este unică și în ea setăm calea către documentul care ar trebui să fie încărcat în această fereastră.</p><p>Al treilea element la care nu ne-am atins încă este <b>Fără cadre</b>... Este împerecheat și vă permite să scrieți un text în interiorul său, care va fi procesat de browser și afișat pe pagina web numai dacă acest browser (sau alt dispozitiv de afișare) nu acceptă cadre. Acest lucru se poate întâmpla, de exemplu, când utilizați un browser pentru dispozitive mobile.</p><p>De obicei, în Noframes adaugă nu numai informații despre situația actuală cu imposibilitatea procesării structurii cadrului, dar adaugă și posibilitatea de a merge la alte pagini, unde va fi posibil să se lucreze în continuare fără a le folosi. Este greu să mai spunem ceva despre el, așa că vom continua.</p><p>Se pare că elementul Frameset, folosit în locul etichetei Body, ocupă tot spațiul alocat pentru vizualizare, iar cadrele vor fi create în această zonă folosind elemente Frame separate. În acest sens, se pune întrebarea - cum să împărțiți zona de vizualizare între ferestre separate sau, cu alte cuvinte, cum să setați dimensiunea fiecăreia dintre ele.</p><p>Acest lucru se face prin adăugarea atributelor corespunzătoare la elementul Frameset. Sunt doi dintre ei - <b>Cols și Rânduri</b>... Cols setează împărțirea unei ferestre mari în cadre sau coloane verticale, iar Rows vă permite să o împărțiți în ferestre ori rânduri orizontale.</p><h3>Crearea unei structuri bazate pe un set de cadre și pe atributele lui Cols și Rows</h3><p>Valorile pentru Cols și Rows Html ale etichetei Frameset sunt numere separate prin virgule (fără spații). Aceste numere stabilesc proporțiile acelor ferestre pe care dorim să le obținem ca rezultat. În consecință, câte numere vor fi scrise separate prin virgule în Cols sau în Rânduri, numărul de cadre pe care îl avem și ar trebui să fie rezultatul.</p><p>De exemplu, cu ajutorul unei astfel de înregistrări, obținem trei coloane verticale, care în lățime vor corespunde proporțiilor de 2: 5: 3.</p><p> <frameset cols="20%,50%,30%"> </p><p>Deoarece am setat proporțiile pentru trei cadre, atunci va trebui să adăugăm trei elemente Frame între etichetele Frameset de deschidere și de închidere, cel puțin fără a specifica atribute suplimentare:</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201318-25-34.png' width="100%" loading=lazy loading=lazy></p><p>Ca rezultat, structura noastră de cadru, constând din trei ferestre goale, va arăta astfel:</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/frame.png' width="100%" loading=lazy loading=lazy></p><p>În acest exemplu, setăm dimensiunea ferestrelor (Frame) folosind procente, care sunt luate din lățimea ferestrei (aceasta este în cazul utilizării Cols) sau din înălțimea acestuia (Rânduri). Când schimbați fereastra de vizualizare, procentul de dimensiuni ale cadrelor va fi menținut. Dar în loc de procente, puteți folosi doar numere care vor însemna. Și aici cred că nu ar trebui să apară dificultăți de înțelegere.</p><p>Dar există și o opțiune destul de neobișnuită în desemnările de dimensiune care arată <b>asterisc „*”</b>... Mai mult, poate fi fie doar „*”, fie un asterisc cu un număr în față, de exemplu, „3 *”. Un lucru complicat, foarte asemănător cu procentele, ceea ce înseamnă că împărțim spațiul pentru Frame în mod proporțional.</p><p>Să vedem un exemplu. Acum să alegem să împărțim fereastra în rânduri orizontale folosind Rows:</p><p> <frameset rows="200,500,*"> </p><p>Ce înseamnă această intrare? Întreaga fereastră de vizualizare accesibilă pe verticală nouă va fi împărțită în trei linii. Înălțimea primei va fi luată la 200 de pixeli, a doua la 500, dar a treia linie va ocupa tot spațiul de înălțime rămas, deoarece „*” a fost folosit ca dimensiune.</p><p>În mod remarcabil, valoarea „*” și „1 *” înseamnă același lucru - împărțim tot spațiul rămas într-unul singur și dăm această parte acestui cadru (ei bine, adică tot spațiul rămas).</p><p>Dar vezi ce se întâmplă dacă folosești valoarea „*” cu un număr pentru împărțirea proporțională:</p><p> <frameset rows="2*,100,4*"> </p><p>Care crezi că ar trebui să fie dimensiunile Cadrei în acest caz? Este clar că a doua linie va avea o înălțime unică de 100 de pixeli. Dar cum împărțiți spațiul rămas în înălțime între a treia și prima linie?</p><p>Este destul de ușor de numărat - doar adăugați patru (4 *) la doi (2 *) și împărțiți la acest numitor (amintiți-vă fracțiile din programa școlară) doi și patru. Acestea. obținem că prima coloană cu un cadru va ocupa o treime din spațiul rămas în înălțime, iar a treia coloană va ocupa două treimi. Sau, cu alte cuvinte, al treilea va fi de două ori mai mare decât primul:</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201321-11-58.png' width="100%" loading=lazy loading=lazy></p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/frameset.png' width="100%" loading=lazy loading=lazy></p><p>Puteți utiliza toate cele trei moduri de dimensionare a ferestrelor cadru într-un singur atribut, de exemplu:</p><p> <frameset cols="10%,100,4*,3*,2*"> </p><p>Ca urmare, vom obține prima coloană Frame cu o lățime de zece procente din întreaga suprafață disponibilă, a doua - 100 de pixeli, iar cele trei rămase vor avea o lățime de patru, trei și două nouă zeci din spațiul rămas. în lățime. Așa este totul simplu și clar.</p><p>Dacă doriți să împărțiți fereastra principală nu numai în cadre orizontale și verticale, ci, de exemplu, în combinațiile acestora, atunci puteți utiliza structura imbricată a elementelor Frameset separat pentru coloane și separat pentru rânduri. De exemplu, pentru a obține structura afișată în captura de ecran de mai jos, este suficient să utilizați următoarea construcție:</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/17-08-201321-15-19.png' width="100%" loading=lazy loading=lazy></p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/freimy-v-html.png' width="100%" loading=lazy loading=lazy></p><p>Acestea. mai întâi împărțim cu "frameset cols =" 20%, 80% "" tot spațiul disponibil în două coloane vertical și setăm conținutul coloanei din dreapta cu eticheta "frame", dar în loc să adăugăm un element "cadru" pentru coloana din stânga, deschidem un nou „rânduri de set de cadre =“ 10%, * ””.</p><p>Și cu ajutorul acesteia împărțim coloana din dreapta în două linii cu cadre, al căror conținut este setat folosind două etichete „cadru”, după care închidem ambele containere „cadru”. Totul este simplu și logic.</p><h3>Specificarea căii în atributul Src al elementului Frame</h3><p>Dar am vorbit cu toții despre elementul Frameset și despre atributele sale Cols și Rows, cu ajutorul cărora formăm structura și le stabilim dimensiunile. Acum să ne dăm seama cum să afișam documentele necesare în cadrele necesare și cum să configurați interacțiunea dintre ferestrele lor.</p><p>Deci, cum controlăm aspectul ferestrelor pe care le creăm? Toate acestea se află în atributele etichetei Frame. Primul care merită menționat este <b>Sr</b>... L-am văzut deja în eticheta Img când ne-am gândit să inserăm imagini în codul HTML. Esența sa nu s-a schimbat și încă vă permite să specificați calea către documentul care ar trebui să fie încărcat în cadru.</p><p>Calea către document în Src poate fi specificată ca. Căile relative sunt de obicei folosite pentru un document care se află pe propria resursă, dar veți avea nevoie de căi absolute atunci când doriți să încărcați un document de pe alt site în fereastra cadru.</p><p>Dacă nu este specificat atributul Src cu calea către documentul necesar, atunci va fi încărcat în fereastră un document gol. Personal, am făcut odată un lucru similar pentru blogul meu (ca element suplimentar de navigare) și, în același timp, am creat un folder separat pentru acesta pe serverul de găzduire și am plasat acolo nu doar un fișier HTML cu o structură de cadru (pe care l-am numit index). .html), dar și toate documentele încărcate în diferite ferestre, precum și fișierele de imagine care au fost folosite ca fundal.</p><p>Prin urmare, mi-a fost cel mai ușor să folosesc exact linkurile relative din atributul Src al etichetei Frame:</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201321-23-15.png' width="100%" loading=lazy loading=lazy></p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/freimy-eto.png' width="100%" loading=lazy loading=lazy></p><p>Ce este remarcabil, dacă înlocuiți toate linkurile date în acest cod de la relativ la absolut (cum ar fi https: //site/navigator/joomla.html) și deschideți acest fișier într-un browser, atunci documentele specificate în Frame vor fi încărcate din serverul meu și veți vedea o imagine similară în browser. Și nu contează unde va fi localizat fișierul tău cu structura de cadru (index.html) - pe computer sau pe o găzduire.</p><p>În exemplul prezentat în figură, o pagină cu un anumit meniu este încărcată în fereastra cadru din stânga, care este una normală. Dar nu este important modul în care este format meniul, dar este important ce se întâmplă după ce faceți clic pe oricare dintre linkurile acestuia.</p><p>Dacă faceți acest lucru, atunci totul se va întâmpla exact așa cum ar trebui - documentul se va deschide în fereastra din dreapta jos. Dar pentru asta a trebuit să aplic un mic truc, pentru că în versiunea implicită documentul se deschidea la dimensiunea completă a ferestrei, înlocuind structura cadrului, de care nu aveam deloc nevoie, deoarece meniul de navigare din cadrele din stânga și de sus a dispărut.</p><h2>Cum se deschide documente dintr-un link într-un cadru</h2><p>Deci, când am vorbit despre hyperlinkuri, am menționat un astfel de atribut al etichetei „A” ca Target = _blank. Îți amintești pentru ce este? Corect pentru a deschide documentul legat într-o fereastră nouă. În mod implicit, ar trebui să se deschidă în aceeași fereastră, ceea ce este echivalent cu target = "_ self".</p><p>Dar aceste oportunități <b>Ţintă</b> nu sunt limitate. Se pare că îi poți adăuga o valoare <b>ca nume de cadru</b>, care este specificat anterior în atributul special Name al etichetei Frame. Apoi documentul care urmează acest link nu se va deschide în aceeași fereastră, ocupând tot spațiul său, ci în Cadrul pe care l-ați specificat. Clar? Dacă nu în totalitate, acum va fi clar când se analizează exemplul.</p><p>Deci, să revenim la exemplul nostru prezentat în imaginea de mai sus. Trebuie să deschidem paginile prin link-uri din fereastra din stânga în cadrul din dreapta jos (mare). Prin urmare, mai întâi trebuie să dați un nume acestei ferestre mari folosind atributul Name din eticheta Frame.</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201321-32-09.png' width="100%" loading=lazy loading=lazy></p><p>A făcut și l-a numit „ktona”. Acum puteți deschide în siguranță fișierul care este încărcat ca meniu în fereastra din stânga și adăugați atributul Target = "ktona" la toate etichetele A din el:</p><p>Istoria apariției Joomla și a componentei VirtueMart</p><p>Desigur, utilizarea instrumentului de căutare și înlocuire pentru a-l pune jos pentru toate hyperlinkurile nu va fi dificilă, dar de ce să descărcați codul inutil atunci când avem o oportunitate grozavă de a folosi <b>etichetă specială de bază</b>, despre care am menționat deja în același articol despre hyperlink-uri când am vorbit despre utilizarea Target blank.</p><p>Este suficient doar să puneți elementul de bază target = "ktona" între etichetele Head de deschidere și de închidere și toate linkurile din codul HTML al acestui document vor deschide pagini noi în cadrul specificat numit "ktona":</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201321-36-13.png' width="100%" loading=lazy loading=lazy></p><p>Apropo, dacă luăm în considerare instrumentul meu odată existent ca exemplu, atunci trebuie totuși să ne asigurăm că toate linkurile din fereastra orizontală de sus își vor deschide paginile exact în cadrul vertical din stânga, care servește drept meniu din stânga. Ce trebuie făcut pentru asta?</p><p>Ei bine, mai întâi, trebuie să dați un nume cadrului vertical din stânga:</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201321-38-31.png' width="100%" loading=lazy loading=lazy></p><p>Și în fișierul care este încărcat în fereastra de sus (gor.html), trebuie să adăugați elementul de bază target = "gor":</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/17-08-201321-40-02.png' width="100%" loading=lazy loading=lazy></p><p>Totul, acum am făcut totul bine. Toate documentele prin link-uri din cadrul de sus se deschid în fereastra din stânga, iar toate linkurile din acesta vor deschide documentele în cadrul central și cel mai mare. După părerea mea, totul este simplu și logic.</p><h3>Atributele etichetei cadru pentru personalizarea aspectului ferestrelor</h3><p>Să vedem acum ce atribute în afară de Src și Name pot fi folosite în eticheta Frame pentru a personaliza aspectul cadrelor. Sa incepem cu <b>Defilare</b>... Cu acesta, putem personaliza afișarea barelor de defilare pentru fiecare fereastră din structura de cadru separat.</p><p>Defilarea este setată la Auto în mod implicit - browserul va decide automat, în funcție de dimensiunea documentului încărcat în cadru, dacă va afișa sau nu bara de defilare. Dacă documentul nu se încadrează complet în fereastră, va apărea o bară de defilare, care vă va permite să vedeți totul până la sfârșit.</p><p>De asemenea, ca valori pentru Defilare, puteți folosi valorile Da (barele de defilare din fereastră vor fi întotdeauna afișate, chiar dacă documentul se încadrează complet în el) și Nu (barele de defilare nu vor apărea deloc, chiar dacă o parte a documentului nu se potrivește).</p><p> <frame scrolling="yes" src="gor.html"> </p><p>În instrumentul meu existent, am folosit automat implicit și barele de defilare în cadre au apărut după cum era necesar:</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/freim.png' width="100%" loading=lazy loading=lazy></p><p>Următorul atribut al etichetei Frame este - <b>Noresize</b>- este singur (nu are valori). După ce l-ați înregistrat, interziceți astfel redimensionarea acestuia, care se realizează în mod implicit prin simpla glisare a marginii cadrelor cu mouse-ul.</p><p> <frame noresize src="gor.html"> </p><p>Când mutați cursorul mouse-ului la margine, veți vedea că cursorul se transformă într-o săgeată cu două capete și acum, apăsând butonul stâng al mouse-ului, puteți muta chenarul după cum doriți. Noresize impune o interdicție asupra acestei voințe proprii (când mutați cursorul mouse-ului la marginea ferestrelor, nu veți mai vedea săgeata cu două capete).</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/freimy.png' width="100%" loading=lazy loading=lazy></p><p>Un alt atribut vizual este <b>Frameborder</b>... Cu acesta, puteți specifica dacă să desenați un cadru (chenar) între cadre sau nu să desenați. Frameborder poate avea doar două valori posibile - fie 0 (nu desenați cadrul) fie 1 (afișați chenarul). Valoarea implicită, desigur, este 1.</p><p>Există o subtilitate. Dacă doriți să eliminați chenarul vizibil, atunci va trebui să adăugați Frameborder = 0 la toate etichetele Frame ale acelor cadre, marginile vizibile între care doriți să le eliminați.</p><p> <frame frameborder="0" src="gor.html"> </p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/iframe-freim.png' width="100%" loading=lazy loading=lazy></p><p>Ei bine, mai trebuie să luăm în considerare câteva atribute ale etichetei Frame - <b>Marginwidth și Marginheight</b>, care setează marginile de lățime (dreapta și stânga) și înălțimea (sus și jos) de la marginile ferestrei până la conținutul încărcat în ea (numărul înseamnă numărul de pixeli ai marginii):</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/iframe-freimy.png' width="100%" loading=lazy loading=lazy></p><h2>De ce este imposibil să faci un site pe cadre?</h2><p>Să vedem care este dezavantajul fundamental al structurilor clasice, care de fapt pune capăt utilizării lor la crearea unui site web. Constă în faptul că pentru această structură cadru <b>este imposibil de urmărit starea ei</b>.</p><p>Structurile complexe pot avea mii de stări diferite (variante de documente deschise în ferestre cadru diferite), dar adresa URL a acestei structuri nu se schimbă. Din această cauză, va exista <b>este imposibil să utilizați marcajele browserului</b> sau trimiteți link-uri către paginile care vă plac altor utilizatori. De ce?</p><p>Pentru că adresa rămâne neschimbată, iar când o deschideți dintr-un marcaj de browser, sau dintr-un e-mail, veți primi o pagină cu starea de pornire a structurii cadrelor, și nu starea pe care doriți să o salvați.</p><p>Deși, desigur, această problemă poate fi rezolvată, dar nu prin intermediul Html, ci folosind programarea pe partea serverului (de exemplu, Php) sau în limbaje client (JavaScript), iar aceste soluții nu vor fi funcționale de unul singur. sută la sută. Astfel de soluții, de fapt, permit adăugarea de date suplimentare despre starea sa actuală la adresa URL a structurii cadrului, dar acest lucru nu este ușor, iar fiabilitatea nu va fi absolută.</p><p>Acesta este primul dezavantaj al folosirii cadrelor pentru a crea site-uri web și este foarte semnificativ, dar există un alt dezavantaj uriaș. Motoarele de căutare, desigur, au învățat de mult să le indexeze și să extragă din ele adresele acelor documente care sunt încărcate în ferestrele lor. Problema este alta.</p><p>Când un utilizator navighează de la rezultatele căutării Yandex sau Google la site-ul dvs. construit pe baza unei structuri de cadru, se va deschide doar documentul care a fost încărcat într-unul dintre cadre, și nu întreaga structură. Înțelegi despre ce vorbesc?</p><p>Utilizatorul va vedea documentul și <b>nu va vedea navigarea pe site-ul dvs</b>, deoarece va fi cusut în alte ferestre, iar acestea sunt încărcate doar ca parte a întregii structuri.</p><p>Ca rezultat, un site construit pe cadre devine pur și simplu inutilizabil. Deși, din nou, există soluții la această problemă bazate pe scripturi de server, atunci când se va efectua o redirecționare de la adresele documentelor individuale către o structură de cadru care se află în starea dorită, acest lucru este din nou foarte dificil și nu întotdeauna de încredere.</p><p>În general, concluzia poate fi făcută fără ambiguitate - <b>nu trebuie să creați site-uri pe cadre</b>... Dar, pe de altă parte, ele sunt folosite în mod constant pentru a crea ajutor pentru diverse aplicații, ei bine, și în alte părți pot fi utile pentru lucruri mărunte.</p><p>De exemplu, am creat o structură de cadru, pe care am numit-o „Navigator” (acum a fost eliminată temporar) și care a devenit un fel de meniu extern extins pentru blogul meu, care, după cum mi se pare, ar trebui să simplifice lucrul cu resurse și, prin urmare, să îmbunătățească, care sunt acum " nu buldozer ", foarte, foarte puternic de promovare a site-ului.</p><p>Dar, totuși, pentru a evita orice probleme cu motoarele de căutare, am închis din ea toată această structură de cadre și am adăugat și metaeticheta Rodots la toate fișierele sale HTML, pentru orice eventualitate, cu interzicerea indexării lor:</p><p> <head> <meta name="robots" content="noindex,nofollow"> <base target="ktona"> <meta charset="utf-8"> <title>JOOMLA</title> </head> </p><p>Dar toate aceste restricții se aplică numai structurilor de pe etichetele Frame și Frameset și <b>cadre inline pe etichetele iframe</b> nu au defecte vizibile și este destul de posibil și chiar necesar să le folosești în proiectele tale, cel puțin pentru inserarea videoclipurilor de pe YouTube.</p> <p>Multă baftă! Ne vedem curând pe paginile site-ului blogului</p><h3></h3><p>S-ar putea să fiți interesat</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/doctype.jpg' width="100%" loading=lazy loading=lazy><span>Directive de comentariu și Doctype în codul HTML, precum și conceptul de elemente bloc și inline (etichete)</span> <br><img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/embed-object.jpg' width="100%" loading=lazy loading=lazy><span>Embed and object - Etichete HTML pentru afișarea conținutului media (video, flash, audio) pe paginile web</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/img.jpg' width="100%" loading=lazy loading=lazy><span>Img - Etichetă HTML pentru inserarea unei imagini (Src), alinierea și împachetarea acesteia cu text (alinierea), precum și setarea unui fundal (fundal)</span> <br><img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/yazyk-html.jpg' width="100%" loading=lazy loading=lazy><span>Ce este limbajul de marcare hipertext HTML și cum să vizualizați o listă cu toate etichetele în validatorul W3C</span> <span>Selectare, Opțiune, Zona de text, Etichetă, Set de câmpuri, Legendă - Etichete HTML ale formularului derulant și casetă de text</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/html-spisok-vydelenie-abzats.jpg' width="100%" loading=lazy loading=lazy><span>Liste în cod HTML - etichete UL, OL, LI și DL</span> <br><img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/formatirovanie-teksta-v-html.jpg' width="100%" loading=lazy loading=lazy><span>Font (față, dimensiune și culoare), etichete Blockquote și pre sunt formatări de text vechi în HTML pur (fără CSS)</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/html-tegi.jpg' width="100%" loading=lazy loading=lazy><span>Cum sunt setate culorile în codul Html și CSS, selecția nuanțelor RGB în tabele, Yandex și alte programe</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </article> <div class="post-bottom"> <div class="post-share"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir" data-counter=""></div> </div> </div> <div class='yarpp-related'> <div class="related-items"> <div class="headline">Nu ai găsit un răspuns la întrebarea ta? Uita-te aici</div> <div class="items"> <div class="related-item"> <a class="related-item__title" href="https://totrdlo.ru/ro/programmy-arhivatory-prezentaciya-prezentaciya-po-informatike.html"><img src="/uploads/d0056f78709dbef9e029231f6b29728e.jpg" width="120" height="120" alt="Prezentare informatică"Архиваторы" class="related-item__image" / loading=lazy loading=lazy>Prezentare informatică „Arhivatori</a> <div class="related-item__comments"><span></span></div> </div> <div class="related-item"> <a class="related-item__title" href="https://totrdlo.ru/ro/prezentaciya---kompyuternoe-modelirovanie-kompyuternoe.html"><img src="/uploads/157df4f417f74994be5c11b889898580.jpg" width="120" height="120" alt="Computer Information Modeling Computer Modeling Prezentare" class="related-item__image" / loading=lazy loading=lazy>Computer Information Modeling Computer Modeling Prezentare</a> <div class="related-item__comments"><span></span></div> </div> <div class="related-item"> <a class="related-item__title" href="https://totrdlo.ru/ro/prezentaciya-na-temu-programmirovanie-yazyke-paskal-prezentaciya.html"><img src="/uploads/2d7c2bbafc2161fd2d4b7d5eb7914f86.jpg" width="120" height="120" alt="Mediu de programare de prezentare pascal" class="related-item__image" / loading=lazy loading=lazy>Mediu de programare de prezentare pascal</a> <div class="related-item__comments"><span></span></div> </div> </div> </div> </div> <div style="text-align: center; margin-top: 15px; margin-bottom: 15px; " id="vanna-1965575812"><div class="adsense"><script type="text/javascript">ga_1();</script></div></div> </main> <aside class="sidebar"> <div class="advices" data-theme="vannapedia_v.3"> <div class="headline"></div> <div class="advices-content"> <img src="/uploads/6ff82ce76050f5509f2a354dcf05f3fa.jpg" width="120" height="120" alt="Rolul informaţiei în viaţa societăţii Rolul informaţiei în viaţa oamenilor prezentarea" class="advices__image" / loading=lazy loading=lazy> <div class="advices__title" data-id="3334"><a href="https://totrdlo.ru/ro/rol-informacii-v-zhizni-lyudei-rol-informacii-v-zhizni-obshchestva-rol.html">Rolul informaţiei în viaţa societăţii Rolul informaţiei în viaţa oamenilor prezentarea</a></div> </div> </div> <div class="vk-widget" id="text-3"> <div class="textwidget"><script type="text/javascript" src="//vk.com/js/api/openapi.js?130"></script> <div id="vk_groups"></div> </div> </div> <div class="sidebar-questions"> <div class="headline">Nou</div> <ul> <li><a href="https://totrdlo.ru/ro/proekt-na-temu-evolyuciya-mobilnogo-telefona-evolyuciya-telefonov-ot.html" >Evoluția telefoanelor: de la telegraf la smartphone</a></li> <li><a href="https://totrdlo.ru/ro/obrazovatelnye-tehnologii-na-osnove-informacionno-kommunikativnyh-sredstv.html" >Utilizarea TIC în clasă</a></li> <li><a href="https://totrdlo.ru/ro/modelirovanie-i-formalizaciya-modelirovanie-i-formalizaciya-prezentaciya-k.html" >Prezentare de modelare și formalizare pentru o lecție de informatică și TIC (clasa a 11-a) pe tema Modelare și formalizare de prezentare</a></li> <li><a href="https://totrdlo.ru/ro/modelirovanie-i-formalizaciya-prezentaciya-k-uroku-po-informatike.html" >Modelare și formalizare</a></li> <li><a href="https://totrdlo.ru/ro/dvoichnaya-arifmetika-prezentaciya-dvoichnaya-arifmetika-prodolzhenie-i.html" >Aritmetică binară (continuare)</a></li> <li><a href="https://totrdlo.ru/ro/rezhimy-raboty-klient-programmy-elektronnoi-pochty-prezentaciya.html" >Hardware și software de rețea - Knowledge Hypermarket</a></li> </ul> </div> <div class="section"> </div> <div class="section"> <div class="headline">Articole populare</div> <ul class="sidebar-posts"> <li><a href="https://totrdlo.ru/ro/prezentaciya-po-informatike-novye-informacionnye-tehnologii.html"><img src="/uploads/c5c92e37d3859a7064473db17831cc33.jpg" width="80" height="80" alt="Prezentare informatică"информационные технологии" Скачать презентацию на тему информационные технологии" / loading=lazy loading=lazy>Prezentare despre informatică „tehnologia informației” Descarcă prezentarea despre tehnologia informației</a></li> <li><a href="https://totrdlo.ru/ro/pochemu-est-vozmozhnost-umenshat-razmer-failov-arhivaciya-failov-faily-i.html"><img src="/uploads/4f1d6213deebacd71594a5ed638592b7.jpg" width="80" height="80" alt="Arhivarea fișierelor Fișierele și sistemul de fișiere" / loading=lazy loading=lazy>Arhivarea fișierelor Fișierele și sistemul de fișiere</a></li> <li><a href="https://totrdlo.ru/ro/navigaciyu-prostoi-ponyatnoi-i-udobnoi-moi-variant-navigacii-v-puteshestviyah.html"><img src="/uploads/db48c217d2385bdd0b2c9563e325cb1b.jpg" width="80" height="80" alt="Opțiunea mea de navigare în călătorie" / loading=lazy loading=lazy>Opțiunea mea de navigare în călătorie</a></li> </ul> </div> <div class="section"> <div class="headline">Nou pe site</div> <ul class="sidebar-posts sidebar-photo"> <li><a href="https://totrdlo.ru/ro/vozdushnaya-matematika-bolshie-dannye-v-mire-grazhdanskoi-aviacii.html">Big data în lumea aviației civile</a></li> <li><a href="https://totrdlo.ru/ro/prezentaciya-na-temu-telefon-doveriya-dlya-detei-podrostkov-i.html">Prezentarea unei ore de curs pe tema „Ziua internațională a liniilor de asistență pentru copii” Prezentare pentru linia de asistență olimpiadei cu ieșire</a></li> <li><a href="https://totrdlo.ru/ro/prezentaciya-na-temu-kak-poyavilsya-telefon-prezentaciya-mobilnyi-telefon-po.html">Prezentare pe tema „Cum a apărut telefonul?</a></li> <li><a href="https://totrdlo.ru/ro/kak-uznat-vremya-pribytiya-avtobusa-slezhenie-za-dvizheniem.html">Urmărirea mișcării transportului urban folosind aplicația Yandex</a></li> <li><a href="https://totrdlo.ru/ro/mainkraft-1-6-4-sheidery-mod.html">Minecraft 1.6.4 shaders mod</a></li> </ul> </div> </aside> </div> <footer class="footer"> <nav class="footer__nav"><ul><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1219"><a href="https://totrdlo.ru/ro/">Nou</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16315"><a href="https://totrdlo.ru/ro/kak-uznat-komu-prinadlezhit-nomer-telefona-kak-naiti-cheloveka-po-nomeru.html">Cum să găsești o persoană după numărul de telefon mobil - Toate modurile care deține 8</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16314"><a href="https://totrdlo.ru/ro/televizor-eto-polza-ili-vred-material-na-temu-vliyanie-televideniya-na-molodezh-esse-na-temu-po.html">„Televizorul este bun sau rău?</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16313"><a href="https://totrdlo.ru/ro/chto-takoe-tehnologiya-kak-nauchnaya-disciplina-vidy-tehnologii-kak-razvivayutsya.html">Ce este tehnologia ca disciplină științifică</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16311"><a href="https://totrdlo.ru/ro/kratkoe-soobshchenie-pro-virusy-po-biologii-vse-o-virusah-kak.html">Un scurt raport despre virusurile în biologie</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1230"><a href="https://totrdlo.ru/ro/">Popular</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16310"><a href="https://totrdlo.ru/ro/vybiraem-golovnoe-ustroistvo-na-nissan-h-treil-t31-vybiraem-golovnoe.html">Alegerea unei unități principale pentru Nissan X-Trail T31 Auto-înlocuire a radioului</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16309"><a href="https://totrdlo.ru/ro/micubisi-padzhero-4-ne-rabotaet-kondicioner-otklyuchenie-zadnego.html">Dezactivarea aparatului de aer condiționat din spate la Mitsubishi Pajero</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16308"><a href="https://totrdlo.ru/ro/samyi-legkii-v-mire-planshet-sony-xperia-z4-tablet-sony-xperia-z4---tehnicheskie-harakteristiki.html">Sony Xperia Z4 - Specificații Specificații BMW z4</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16307"><a href="https://totrdlo.ru/ro/bortovye-kompyutery-avtomagnitoly-stanovyatsya-bortovymi.html">Radiourile auto devin computere de bord Cele mai bune computere de bord cu plasare separată</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16306"><a href="https://totrdlo.ru/ro/zamena-lyuminescentnyh-lamp-na-svetodiodnye-lyuminescentnye-lampy-t8.html">Lămpi fluorescente Т8 Caracteristici tehnice Dimensiunile lămpilor fluorescente Т8</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16305"><a href="https://totrdlo.ru/ro/kak-ya-otnoshus-k-svoemu-kompyuteru-prostye-sovety-kak-podderzhivat.html">Sfaturi simple despre cum să vă mențineți computerul în stare bună de funcționare Atitudine față de computer</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16304"><a href="https://totrdlo.ru/ro/kompyuternye-igry-za-i-protiv-kompyuternye-igry-za-i-protiv.html">Jocuri pe calculator: argumente pro și contra Simptome care indică dependența de computer</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16303"><a href="https://totrdlo.ru/ro/kak-razvit-svoi-blog-kak-razvivat-blog---sovety-nachinayushchim.html">Cum să crești un blog - Sfaturi pentru bloggeri noi</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1236"><a href="https://totrdlo.ru/ro/">Recomandat</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16302"><a href="https://totrdlo.ru/ro/kak-vybrat-kolesnye-diski-kak-vybrat-litye-diski-osnovnye-harakteristiki-i-voprosy-kak-podobrat.html">Cum să alegi jantele din aliaj: caracteristici de bază și întrebări Cum să alegi jantele din titan pentru a se potrivi cu culoarea mașinii</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16301"><a href="https://totrdlo.ru/ro/yandeks-tic-yandeks-tic-chto-takoe-tic.html">Yandex tic. Yandex TIC Ce este TIC</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16300"><a href="https://totrdlo.ru/ro/obzor-smartfona-meizu-m6s-so-sbalansirovannymi-harakteristikami-obzor.html">Revizuirea smartphone-ului Meizu M6s cu caracteristici echilibrate Aspect și utilizare</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16299"><a href="https://totrdlo.ru/ro/erc-pochtovyi-lichnyi-kabinet-voennosluzhashchego-voiti-bez-registracii-po-lichnomu-nomeru-lichnyi-kabinet.html">Introduceți contul personal al servicemanului fără înregistrare folosind numărul său personal</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16298"><a href="https://totrdlo.ru/ro/lichnyi-kabinet-voennosluzhashchego-vhod-bez-lichnyi-kabinet.html">Contul personal al servicemanului - cum să intrați fără înregistrare folosind un număr personal?</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16297"><a href="https://totrdlo.ru/ro/lichnyi-kabinet-voennosluzhashchego-po-kontraktu-po-lichnomu-lichnyi-kabinet.html">Introduceți contul personal al servicemanului fără înregistrare folosind numărul său personal</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16296"><a href="https://totrdlo.ru/ro/vhod-v-kabinet-ministerstva-oborony-edinyi-raschetnyi-centr-erc-mo-rf-kak.html">Centrul Unificat de Așezare (ERC) al Ministerului Apărării al Federației Ruse</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15957"><a href="https://totrdlo.ru/ro/peregovornoe-ustroistvo-po-seti-220-volt-shema-telefoniya-dlya.html">Interfon pe o diagramă de rețea de 220 volți</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-6898"><a href="https://totrdlo.ru/ro/">Despre site</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6900"><a href="">Despre site</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6901"><a href="">Publicitate pe site</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6902"><a href="">Contacte</a></li> </ul> </li> </ul></nav> <div class="footer-bottom"> <div class="footer-left"> <div class="foot__logo"> <div class="footer__logo-sitename">totrdlo.ru <span>ru</span></div> </div> <style> .foot__logo { min-height: 35px; margin: 0 0 11px -79px; padding: 9px 0 0 79px; text-decoration: none; } </style> <p>© 2022 Toate drepturile rezervate</p> <p>Ghidul dvs. mobil. Operatori. Sfaturi utile</p> <ul class="footer-bottom__nav"> <li><a href="" >Publicitate pe proiect</a></li> </ul> </div> <div class="footer-buttons"> </div> <ul class="footer__soc"> <li><a href="http://vk.com/" target="_blank" class="vk">In contact cu</a></li> <li>colegi de clasa</li> <li><a href="http://www.facebook.com/" target="_blank" class="fb">Facebook</a></li> <li><a href="https://twitter.com/" target="_blank" class="twi">Stare de nervozitate</a></li> </ul> <div class="footer-right"> <div class="footer__note"></div> <div class="footer__counters" id="text-2"> <div class="textwidget"></div> </div> </div> </div> </footer> </div> </div> <link rel='stylesheet' id='wp-lightbox-bank.css-css' href='/wp-content/plugins/wp-lightbox-bank/assets/css/wp-lightbox-bank.css?ver=4.8.3' type='text/css' media='all' /> <script type='text/javascript' src='https://totrdlo.ru/wp-content/themes/vannapedia_v.3/js/scripts.js'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.8.3'></script> <script type='text/javascript' src='/assets/scripts1.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "smooth_scroll":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar-fixed", "margin_top" : 10, "margin_bottom" : 0, "stop_id" : "respond", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-4'] } ; </script> <script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script> <script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/wp-lightbox-bank/assets/js/wp-lightbox-bank.js?ver=4.8.3'></script> <script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0'></script> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>