SVG jako obiekt (wersja rozbudowana)

Jest to standardowa metoda do osadzania różnych obiektów multimedialnych. Powinna zadziałać w każdej przeglądarce, a w razie braku obsługi formatów SVG lub SVGZ powinna wyświetlić się treść alternatywna. Zawiera dodatkowy kod dla przeglądarek Microsoftu.

[ Test metody ]

Powinna się wyświetlić jedna zółta buźka. Jeśli wyświetli się pomarańczowa, znaczy że przeglądarka nie obsługuje formatu SVGZ, a jedynie SVG, czyli nie obsługuje kompresji. Jeśli wyświetli się główka czerwona, znaczy że przeglądarka całkowicie nie obsługuje obrazków SVG, a jedynie PNG. Jeśli wyświetli się więcej albo mniej, niż jedna buźka, mamy problem z obsługą tagu object albo komentarzy.

Kod


	<!--[if gte IE 7]><!-->

	<object data="./smile.svgz" width="128" height="128">

	  <object data="./smile.svg" width="128" height="128">

	    <img src="./smile.png" alt="=(" width="128" height="128" />

	  </object>

	</object>

	<!--><![endif]-->

	<!--[if lt IE 7]>

	<img src="./smile.png" alt="=(" width="128" height="128" />

	<![endif]-->

Przewidywane działanie

Przeglądarki Microsoftu od 7.0 włącznie w górę, jak i produkty innych firm, powinny kolejno próbować wyświetlać pliki SVGZ, SVG, PNG, a w ostateczności tekst „=(”. Po pierwszym sukcesie powinny zakończyć dalsze próby.

Starsze przeglądarki Microsoftu powinny spróbować wyświetlić plik PNG, a jeśli to się nie uda tekst „=(”.

Znane problemy

Nie zawsze działa automatyczne ustalanie rozmiarów obiektów SVG. Lepiej jest je podawać ręcznie.
W niektórych przeglądarkach występują problemy z obsługą plików kompresowanych plików SVG i tagiem object: wyświetla się komunikat błędu, względnie nic się nie wyświetla, a powinna się wyświetlić alternatywna treść.
Przeglądarki MSIE nie wyświetlają natywnie obrazków SVG. Istnieje stosowny plugin, ale doinstalowanie go jest dużo mniej prawdopodobne, niż wymiana przeglądarki na inną, więc można założyć, że owe przeglądarki nie mają możliwości obsługi SVG.
Starsze przeglądarki Microsoftu do 6.0 włącznie miały problem z obsługą tagów object, więc konstrukcja została przed nimi ukryta komentarzami warunkowymi i zastąpiona zwykłym wyświetleniem pliku PNG.