HTML5, elementy osadzone – część 2

Wielokrotnie w naszych dokumentach HTML Musimy wzbogacić treść i nie jest to już kwestia dodawania obrazu, ale także robienia tego na poziomie medialnym w ogóle, do tego musimy dołączyć treści z innych stron, dołączyć filmy itp. Aby to zrobić, zobaczymy, jak osadzić inne rodzaje elementów innych niż obrazy.
Aby dołączyć zawartość HTML, użyjemy elementu iframe, Ten element pozwala nam umieścić w naszym dokumencie stronę inną niż bieżąca, posiada następujące atrybuty:

• src
• srcdoc
• mniam
• szerokość
• wzrost
• piaskownica
• bezszwowy

Spójrzmy na przykład na poziomie kodu, jak zaimplementować a iframe w dokumencie HTML5:

 Przykład

Owoce, które lubię
Zajęcia, które lubię

W tym przykładzie widzimy, jak używamy niektórych elementów do do generowania linków, za pomocą których możemy załadować inny dokument w ramach iframe, w nim widzimy atrybuty takie jak mniam co wskazuje nazwę elementu, np. szerokość Tak wzrost które pozwalają nam ustawić rozmiar elementu.
Zobaczmy, jak wygląda ten przykład, gdy uruchomimy go w naszej przeglądarce:

W HTML5 mamy dwa nowe atrybutyZobaczmy pierwszy bezszwowy, ten atrybut pozwala nam pokazać iframe jakby była integralną częścią naszego dokumentu, czyli użytkownik nie zdawałby sobie sprawy, że widzi treści, które nie należą do serwisu, drugi atrybut, piaskownica, pomaga nam to uniemożliwić działanie następujących atrybutów w dokumencie otwieranym w iframe:

• skrypty
• formularze
• wtyczki
• linki do innych dokumentów

Wartości, jakie może przyjąć atrybut piaskownica są następujące:

• formularze zezwolenia: Umożliwia korzystanie z formularzy.
• skrypty-zezwól: Umożliwia korzystanie ze skryptów, takich jak javascript.
• Zezwól na nawigację: Włącza linki, dzięki czemu mogą zastąpić bieżący dokument, z którego iframe lub też otwieraj nowe karty i okna.
• zezwalaj na to samo pochodzenie: Pozwala na zawartość iframe być traktowane tak, jakby zostało wygenerowane w tym samym dokumencie, który wykonuje wywołanie.

Ten element pozwala nam na włączenie obiektów do naszego dokumentu HTML, takich jak wideo z youtube, Spójrzmy na przykład tego:

 Przykład 

Jak widać na przykładzie mamy atrybut src który wskazuje źródło obiektu do osadzenia, a następnie rodzaj który mówi nam, jaki to rodzaj obiektu, a także szerokość i wzrost aby ustawić rozmiar naszego elementu.
Ten element jest bardzo przydatny, gdy kontynuujemy wzbogacanie naszych stron, teraz nie tylko o inne dokumenty i obrazy, ale także o filmy i treści flash.
Na tym kończymy ten samouczek, powinniśmy już być w stanie tworzyć dokumenty HTML wzbogacone, które dostosowują się do obrazu, który możemy mieć w głowie, jak powinna wyglądać nasza strona, aby wyświetlać obrazy lub filmy z różnych typów źródeł.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt