Jak vložit iframe do HTML: příklad použití

Na počátku budování webových stránek využívaly webové zdroje rozsáhlé snímky pro zobrazení jednotlivých částí stránek. Ale s příchodem nové verze HTML 5 se všechno změnilo. Označovací prvky <rám

Co jsou rámce?

Rámeček je základem většiny prvních webových stránek. Pokud přeložíte doslovně, znamená to slovo "rám", tj. Rámeček je malá část stránky v prohlížeči. Široké používání rámců v minulosti lze vysvětlit nízkou kvalitou a vysokými náklady na internetovou komunikaci. Místo zpravidla bylo místo rozděleno na 3-5 částí, z nichž každá splňovala určitý účel:

• "Cap" (horní rámeček na šířku stránky) - zobrazí název zdroje;
• levé / pravé "sklo" - výstup nabídky;
• centrálním rámcem je zobrazení obsahu webu.

Rozdělení stránky na součásti, které jsou povoleny k přetížení pouze určité části při její aktualizaci. Například uživatel klepl na položku nabídky a nový obsah byl stažen do centrálního snímku.

Moderní rámce v HTML 5

Proč používat HTML <iframe? Příkladem je vkládání obsahu z zdroje třetí strany. Klasická situace je, když webový vývojář chce ukázat polohu objektu na mapě. Jak to být? Nakreslete plán terénu od začátku? Ne - existuje jednodušší řešení: vložení prvku Google Map, Mapy Yandex nebo 2GIS na stránku. Problém je vyřešen ve čtyřech krocích.

1. Musíte jít na stránky jakékoliv kartografické služby.
2. Najděte požadovaný objekt. Pokud znáte přesnou adresu, můžete ji zadat do vyhledávacího pole.
3. Pro vložení kódu použijte tlačítko "Uložit a přijmout kód" (pro "Yandex.Map") nebo "Hotovo" (pro mapy Google).
4. Zůstává zadat vygenerované značky značky na stránce.

Navíc můžete vybrat velikost mapy a nakonfigurovat další možnosti zobrazení.

Jak jinak mohu použít HTML? <iframe>? Příkladem je vložení videozáznamu z prostředku Youtube. Multimediální technologie přitahuje uživatele internetu, takže obsah videa je tak populární. S instalací vývojáře videa se bude rychle vypořádat.

1. Měli byste nahrát své vlastní video na Youtube nebo najít soubor třetí strany pro vysílání.
2. Získat značku výběrem tlačítka "HTML"
3. Konečným krokem je vložení do HTML kód

Oba příklady používaly automatické generování kódu, ale profesionální vývojáři by měli být schopni sami sestavit. Nejprve jim umožní porozumět rozložení stránky a v případě potřeby ji upravit. Za druhé, ne vždy značení prvků webu (i když patří k externímu zdroji) se vytváří bez účasti webmastera. Zde je vysoká kvalifikace developera.

Syntaxe

Před rozbalením stránky tedy musíte zvážit značku iframe (html): co to je a jak ji správně používat.

Nejprve je třeba poznamenat, že značka je spárována. Mezi prvky otevírání a zavírání určuje obsah, který bude zobrazen v prohlížečích, které nepodporují tento element rozvržení. Hlavní atributy značky:

• šířka (šířka);
• výška;
• src (adresa načteného zdroje);
• zarovnání (metoda zarovnání);
• frameborder;
• allowfullscreen.

Tak, kód pro

Ve výsledném označení stačí nahradit adresu místa jiným a v případě potřeby upravit velikost rámečku.