Kā ievietot iframe HTML formātā: lietošanas piemērs

Internets

Vietnes veidošanas sākumā tīmekļa resursi plaši izmanto kadrus, lai parādītu atsevišķas lappušu daļas. Bet ar jaunās HTML 5 versijas ierašanos viss ir mainījies. Marķēšanas elementi <rāmis>, <frameset> un <noframes> tiek uzskatīti par novecojušiem. Aizstājot tos, bija viens tags - <iframe>. Kā pievienot html <iframe>? Tālāk sniegtais piemērs būs saprotams pat programmētājam iesācējiem.

Kas ir rāmji?

Rāmis ir pamats lielākajai daļai pirmo tīmekļa lapu. Ja jūs tulkojat burtiski, šis vārds nozīmē "rāmis", tas ir, rāmis ir neliela pārlūka lapas daļa. Iepriekš plaši izmantoto kadru var izskaidrot ar interneta satiksmes zemo kvalitāti un augstām izmaksām. Parasti vietne tika sadalīta 3-5 daļās, no kurām katra bija noteikta mērķa sasniegšanai:

  • "Cap" (augšējais rāmis lapas platumā) - uzrāda resursa nosaukumu;
  • kreisais / labais "stikls" - izvēlnes izeja;
  • centrālais rāmis ir vietnes satura rādīšana.

html iframe piemērs

Lapas sadalīšana detaļās ļauj to pārsniegt tikai noteiktu daļu, atjaunojot to. Piemēram, lietotājs noklikšķināja uz izvēlnes vienuma un jauns saturs tika lejupielādēts uz centrālo rāmi.

Modernās rāmji HTML 5 formātā

Kāpēc izmantot HTML <iframe>? Piemērs ir satura ievietošana no trešās puses resursiem. Klasiska situācija ir tad, ja tīmekļa izstrādātājs vēlas parādīt objekta pozīciju kartē. Kā būt? Nokāciet reljefa plānu? Nē - ir vienkāršāks risinājums: ievietot lapā Google Map, Yandex Maps vai 2GIS elementu. Problēma tiek atrisināta četrās darbībās.

  1. Jums ir jāiet uz jebkuru kartogrāfisko pakalpojumu vietni.
  2. Atrodiet vēlamo objektu. Zinot precīzu adresi, to var ievadīt meklēšanas lodziņā.
  3. Lai ievietotu kodu, izmantojiet pogu "Saglabāt un saņemt kodu" ("Yandex.Map") vai "Gatavs" (Google kartēm).
  4. Joprojām ir jāievada izveidotie atzīmes tagi lapā.

Turklāt jūs varat izvēlēties kartes lielumu un konfigurēt citas displeja opcijas.

html iframe piemērs

Kā citādi es varu izmantot HTML <iframe>? Piemērs ir videomateriāla ievietošana no YouTube resursiem. Multivides tehnoloģija piesaista interneta lietotājus, tāpēc video saturs ir tik populārs. Ar videoklipa izstrādātāja instalēšanu tas ātri tiks galā.

  1. Jums vajadzētu augšupielādēt savu videoklipu vietnē Youtube vai atrast trešās personas failu raidījumam.
  2. Iegūstiet tagu, izvēloties pogu "HTML"
  3. Pēdējā darbība ir ievietot HTML kodu <iframe>. Turpmāk tiks apskatīts taga satura piemērs.

Abi piemēri tiek izmantoti automātiskikoda ģenerēšana, bet profesionāliem izstrādātājiem vajadzētu spēt to pats veidot. Pirmkārt, tas ļaus viņiem izprast lapas izkārtojumu un, ja nepieciešams, to mainīt. Otrkārt, ne vienmēr vietņu elementu marķēšana (pat ja tie pieder pie ārēja resursa) tiek veidota bez tīmekļa pārziņa līdzdalības. Šeit ir izstrādātāja augstā kvalifikācija.

iframe html kas tas ir

Sintakse

Tātad, pirms sākat lapas izkārtojumu, jums jāapsver iframe (html) tags: kāds tas ir un kā to pareizi lietot.

Pirmkārt, jāatzīmē, ka tags ir sapārots. Starp atvēršanas un aizvēršanas elementiem norādiet saturu, kas tiks parādīts pārlūkprogrammās, kas neatbalsta šo izkārtojuma elementu. Galvenie tagu atribūti:

  • platums (platums);
  • augstums;
  • src (ielādes resursa adrese);
  • izlīdzināt (pielīdzināšanas metode);
  • frameborder;
  • pieļaujamais ekrāns

Tādējādi tiek iegūts <iframe> kods. HTML piemērs ir pilnīgi parādīts zemāk:

<iframe width = "560" height = "315" src = "https://someserver.com/" frameborder = "0" allowfullscreen> </ iframe>

Rezultāta marķējumā ir pietiekami aizstāt vietnes adresi ar citu un, ja nepieciešams, izlabot rāmja izmērus.