Osadzanie zasobu w dokumencie HTML - różnice pomiędzy znacznikami <iframe>, <embed>, <object>

pytanie zadane 8 marca 2017 w HTML i CSS przez Kamil M Bywalec (2,340 p.)

Cześć, czy mógłby ktoś wyjaśnić mi różnice pomiędzy znacznikami <iframe>, <embed> i <object> oraz jak one mają się do znaczników z konkretnym przeznaczeniem typu <img>, <video>? Jaki sposób będzie najlepszy dla danego zasobu? Z góry dziękuję za odpowiedzi

1 odpowiedź

odpowiedź 8 marca 2017 przez Comandeer Guru (601,590 p.)
wybrane 8 marca 2017 przez Kamil M

Najlepsza

iframe daje możliwość umieszczenia innej strony internetowej wewnątrz naszej. Ta strona jest w pełni odizolowana i nie mamy na nią wpływu, możemy się z nią jednak komunikować (postMessage). Dlatego też jest to najpopularniejszy sposób na umieszczanie na stronach widgetów typu przycisku z FB.

object i embed w sumie służą temu samemu, czyli umieszczaniu obiektów na stronie. Obiektem może być jakiś plugin (Flash), SVG, ale też: obrazek, inna strona. W sumie nie ma żadnego sensownego powodu, żeby tych znaczników obecnie używać na szerszą skalę. Do filmów lepiej użyć video, SVG działa normalnie jako img (a jak nie działa, to i tak lepiej się sprawdzi iframe), a Flash jest martwy.

komentarz 8 marca 2017 przez rafal.budzis Szeryf (85,260 p.)

Słyszałem jeszcze o tym ze znacznik <link> w html5 dostał funkcje umieszczania HTMLa na stronie. Bawiłeś się tym ? bo ja nie mogę znaleźć sensownego zastosowania.

komentarz 8 marca 2017 przez Comandeer Guru (601,590 p.)

link[rel=import], czyli HTML Imports, część Web Components. Ma to sens, gdy faktycznie wczytujesz tak komponent – wówczas deklaratywna możliwość jego wczytania jest o wiele elegantsza niż babranie się z kodem. Niemniej działa tylko w Chrome i nikt inny nie chce wspierać. A szkoda, bo gdyby dodano do tego obsługę w formie nagłówka, to można by robić preload komponentów.