Rāmja kods. Iframe un Frame - kas tie ir un kā vislabāk izmantot rāmjus HTML

Elements

Rāmji

Ko tas dara

Galvenā atšķirība starp

Iepriekš minētajā marķējumā ir pietiekami aizstāt vietnes adresi ar jebkuru citu un, ja nepieciešams, pielāgot rāmja izmēru.

Rāmji ir HTML elementi, kas ļauj sadalīt tīmekļa pārlūkprogrammas logu vairākos neatkarīgos logos, no kuriem katrs var ielādēt atsevišķu HTML dokumentu. Katram šādam logam (rāmim) var būt savas ritjoslas un tas var darboties neatkarīgi no citiem neatkarīgiem logiem vai, gluži pretēji, kontrolēt to saturu. Tos var izmantot, lai sakārtotu izvēlni, kas pastāvīgi atrodas vienā logā, bet pati informācija atrodas citā logā. Lietotāji var piekļūt izvēlnei jebkurā laikā, neatgriežoties iepriekšējā lapa lai izvēlētos citu izvēlnes vienumu. Izmantojot rāmjus, varat “piespraust” attēlus vai citus statiskus interfeisa elementus pārlūkprogrammas logam, kamēr pārējā lapa tiek ritināta rāmī.
Tomēr ir vērts atzīmēt, ka mūsdienās rāmji tiek uzskatīti par novecojušu rīku, un vietnes ar rāmjiem tagad tiek uzskatītas par necienīgām, jo ​​profesionāli tīmekļa pārziņi nekad neizmanto rāmjus savos projektos. Rāmjiem ir vairākas bēdīgi slavenas problēmas. Tie mulsina meklētājprogrammas, piemēram, jo ​​lapās, kurās ir saturs, nav saites uz citiem dokumentiem. Ja vēlaties uzņemt apmeklētājus no meklētājprogrammas, aizmirsti par rāmjiem. Lietotājam nav iespējams pārlūkprogrammas grāmatzīmju sadaļā ievietot lapu, kas viņam patīk, jo rāmji slēpj tās lapas adresi, kurā viņš atrodas, un vienmēr parāda tikai vietnes adresi. Šī iemesla dēļ tie rada problēmas pārlūkprogrammām vēstures izsekošanas laikā, kā arī nav īpaši pielāgojamas dažādiem ekrāna izmēriem un mobilajām ierīcēm.
Neskatoties uz to, ka projekti ar rāmjiem ir atrodami globālais tīmeklis arvien retāk HTML apguve būtu nepilnīga, neaptverot kadru tēmu. Rāmjiem līdz ar to trūkumiem ir arī dažas priekšrocības, kas neļauj noraidīt šo tehnoloģiju kā neperspektīvu.

Rāmju izveide

HTML dokumenta struktūra ar rāmjiem pēc izskata ir ļoti līdzīga parasta HTML dokumenta formātam. Tāpat kā parastajā HTML dokumentā, viss kods tiek ievietots starp pārī savienotajiem tagiem Un , un konteinerā galvenes atrodas. Galvenā atšķirība starp dokumentu ar rāmjiem un parasto HTML dokumentu ir tā, ka dokuments ar rāmjiem, nevis tagu tiek lietots pārī savienots tags (no angļu valodas rāmju komplekta - rāmju komplekts).
Šis piemērs parāda HTML dokumenta struktūru ar rāmjiem:

Piemērs: HTML dokumentu struktūra ar rāmjiem

• Izmēģiniet to pats »

Iepriekš minētajā piemērā lapā ir trīs apgabali, no kuriem katrs sākotnēji ir ielādēts ar HTML dokumentiem frame_top.html, frame_left.html un frame_right.html. Papildus HTML dokumentiem rāmis var saturēt arī grafiku. Lai to izdarītu, atribūtā jānorāda atbilstošā attēla adrese src, Piemēram src="image.gif". Lūdzu, ņemiet vērā, ka elements lietots bez aizvēršanas birkas.
Konteinera iekšpusē var saturēt tikai atzīmes vai cits rāmju komplekts, kas pārklāts ar tagiem Un .
Tag ir šādi atribūti:

• rindas— apraksta, kā lapu sadalīt rindās:
• cols— apraksta, kā lapa tiek sadalīta kolonnās:

Atribūtu nozīmē rindas Un cols Ir jānorāda nevis rindu vai kolonnu skaits, bet gan rāmju platums un augstums. Visas vērtības sarakstā ir atdalītas ar komatiem. Izmērus var norādīt absolūtās vienībās (pikseļos) vai procentos:

• cols = "20%, 80%"— pārlūkprogrammas logs tiek sadalīts divās kolonnās, izmantojot atribūtu cols, kreisā kolonna aizņem 20% un labā kolonna 80% no pārlūkprogrammas loga.
• rindas = "100, *" Izmantojot atribūtu, pārlūkprogrammas logs tiek sadalīts divos horizontālos logos rindas, augšējais logs aizņem 100 pikseļus, bet apakšējais logs aizņem atlikušo vietu, kas norādīta ar zvaigznītes simbolu.

Kā redzams no šī piemēra, konteiners ar atribūtu rindas vispirms izveido divus horizontālus kadrus un otro kadru aizstāj ar citu kas sadala apakšējo horizontālo rāmi divās kolonnās, izmantojot atribūtu cols, kreisā kolonna aizņem 20% un labā kolonna 80% no pārlūkprogrammas loga.
Ja pārlūkprogramma neatbalsta rāmjus, logā tiks parādīts teksts, kas atrodas starp tagiem </b> Un <b> . Viss starp tagiem </b> Un <b> , tiek ignorēts pārlūkprogrammās, kas atbalsta rāmjus. Tādējādi izstrādātājam ir jāraksta kods, kas ar citiem līdzekļiem dublē kadru saturu, un jāievieto šis kods konteinerā. </b>, tad visi lietotāji var redzēt tās tīmekļa lapu. <br>Kā jau minēts, nepāra atzīme tiek izmantota, lai dokumentā ievietotu atsevišķu rāmi <b><frame> </b>. Atribūts <b>src</b> norāda dokumentu, kas jāparāda šajā rāmī, piemēram: <frame src="frame_top.html">. Ja atribūts <b>src</b> trūkst, tiek parādīts tukšs rāmis.</p> <h2>Apmales vai atstarpe starp rāmjiem</h2> <p>Pēc noklusējuma pārlūkprogramma parāda pelēku, parasti 3D līniju apmali starp kadriem, ko apmeklētāji var izmantot, lai pielāgotu kadra izmēru. <br>Ar rāmja apmali var manipulēt tāpat kā ar jebkuru citu rāmja elementu. Šim nolūkam ir vairāki elementu atribūti <b><frameset> </b>, kas ļauj pielāgot rāmju apmales. Robežlīnijas biezumu nosaka atribūts <b>robeža</b>. Noklusējuma apmales biezuma vērtība ir pieci. <br>Lai paslēptu rāmja apmali, ir jāiestata apmales platuma vērtība uz nulli vai atribūtam jāiestata vērtība "nē" vai "0". <b>rāmja apmale</b>. Atribūts <b>rāmja apmale</b> var iegūt tikai divas pretējas nozīmes. Ja atribūta vērtība <b>rāmja apmale</b> ir vienāds ar “jā” vai “1”, tad tiks parādīta rāmja apmale, un, ja “0” vai “nē”, tad nē. Lūdzu, ņemiet vērā, ka atribūtu vērtības <b>rāmja apmale</b> variēt par <a href="https://ermake.ru/lv/kak-vklyuchit-cookies-v-raznyh-brauzerah-chto-takoe-faily-i-kak-ustanovit/">dažādas pārlūkprogrammas</a>. Lai atrisinātu šo problēmu, divreiz izmantojiet atribūtu <b>rāmja apmale</b>, un dažām pārlūkprogrammām ir jāpievieno arī atribūts <b>kadru atstarpes</b> ar vērtību "0":</p><p> <frameset frameborder="0" framespacing="0" frameborder="no" border="0"> </p><p>Šajā piemērā mēs noņemam robežu starp kadriem:</p> <h3>Piemērs: robežu noņemšana starp kadriem</h3> <ul><li>Izmēģiniet to pats »</li> </ul><table><tr><td style="width: 10px;background-color:green;color: white;">frame_left</td> <td style="width: 90%;background-color:lime;color: white;">frame_right</td> </tr></table><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Rāmji bez apmalēm</title> </head> <frameset cols="100,*" frameborder="0" framespacing="0" frameborder="no" border="0"> <frame src="frame_left.html" name=" frame_left" > <frame src="frame_right.html" name="frame_right" > </frameset> </html></p> <p>Ja noņemsiet robežu starp kadriem, apmeklētāji nevarēs mainīt rāmja izmēru pārlūkprogrammā. Varat arī novērst rāmja izmēru maiņu, saglabājot apmales, izmantojot atribūtu <b>palielināt izmēru</b>:</p><p> <frame src="frame_left.html" noresize> </p><p>Izmantojot atribūtu <b>apmales krāsa</b> Rāmja apmales krāsu var mainīt, tikai jānorāda kods vai atbilstošās rezervētās krāsas nosaukums. <br>Tālāk ir sniegts piemērs HTML lapai, kurā ir iepriekš aprakstītie rāmja apmales kontroles atribūti: apmales krāsa ir sarkana, augšējā rāmja izmēru nevar mainīt:</p> <h3>Piemērs: Frame Border Control</h3> <ul><li>Izmēģiniet to pats »</li> </ul><table style="border-collapse:collapse;"><tr><td style="border-bottom: 4px solid red;background-color:blue;color: white;" colspan="2">frame_top</td> </tr><tr><td style="border-right: 4px solid red;width: 20%;background-color:green;color: white;">frame_left</td> <td style="width: 80%;background-color:lime;color: white;">frame_right</td> </tr></table><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Frame Border Management</title> </head> <frameset rows="150, *" border="10" bordercolor="red" frameborder="1" frameborder="yes"> <frame src="frame_top.html" noresize> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html"> </frameset> </frameset> </html></p> <p>Ja vēlaties novietot rāmī redzamo lapu tuvāk tās robežām vai, gluži pretēji, pārvietot to tālāk, mainiet atribūtus <b>marginheight</b> Un <b>malas platums</b> tagu <b><frame> </b>. Atribūts <b>marginheight</b> nosaka polsterējumu starp rāmja saturu un tā augšējo un apakšējo robežu. Sintakse:</p><p> <frame marginheight="число"> </p><p>Atribūts <b>malas platums</b> definē polsterējumu starp rāmja saturu un tā labo un kreiso malu. Sintakse:</p><p> <frame marginwidth="число"> </p><p>Piemēram, šī html rindiņa novieto parādīto lapu tuvu rāmja robežai:</p> <p>Ja lapā tiek rādīta nevēlama ritjosla, varat atrisināt problēmu, norādot atribūtu <b>ritināšanu</b>="nē" tagā <b><frame> </b>. Bet paturiet prātā, ka, ja rāmis nav pietiekami liels, lai parādītu visu lapas saturu, apmeklētājam nebūs iespējas ritināt parādīto lapu.</p> <h2>Saites rāmju iekšpusē</h2> <p>Sekošana saitei parastajā HTML dokumentā tiek veikta šādi: noklikšķiniet uz saites, un pašreizējais dokuments tiek aizstāts ar jaunu pašreizējā vai jaunā pārlūkprogrammas logā. Izmantojot rāmjus, HTML dokumentu ielādes shēma atšķiras no parastās, un galvenā atšķirība ir iespēja ielādēt HTML dokumentu vienā rāmī no cita rāmja. <br>Lai ielādētu dokumentu noteiktā rāmī, izmantojiet atribūtu <b>mērķis</b> tagu <b><a> </b>. Kā atribūta vērtība <b>mērķis</b> tiek izmantots tā rāmja nosaukums, kurā tiks ielādēts ar atribūtu norādītais dokuments <b>nosaukums</b> tagu <b><frame> </b>. Ir arī vērts atzīmēt, ka rāmja nosaukumam jāsākas ar ciparu vai latīņu burtu. Kā rezervētie nosaukumi tiek izmantoti šādi nosaukumi:</p> <p>Ārējām saitēm iestatiet mērķa atribūtu uz _top vai _blank, lai nodrošinātu, ka trešo pušu projekti netiek rādīti jūsu rāmjos, bet gan aizpilda visu pārlūkprogrammas logu.</p> <p>Nākamajā piemērā ir parādīts HTML dokuments, kurā labajā rāmī tiek ielādēta lapa no augšējā rāmī ievietotas saites. Saite uz dokumentu, kas tiks atvērts labajā rāmī:</p><p> <a href="http://www.google.com" target="frame_right">Google</a> </p><p>Labajam rāmim tiek dots nosaukums <i>frame_right</i>:</p><p> <frame src="frame_right.html" name="frame_right"> </p><p>Lai ielādētu dokumentu noteiktā rāmī, izmantojiet konstrukciju <i>target="frame_right"</i>, kā parādīts piemērā:</p> <h3>Piemērs: saite uz citu kadru</h3> <ul><li>Izmēģiniet to pats »</li> </ul><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Saite uz citu kadru</title> </head> <frameset rows="100, *"> <frame src="frame_topic.html"> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html" name="frame_right"> </frameset> <noframes> <p>Jūsu pārlūkprogramma nerāda rāmjus</p>