embed ve object Öğeleri

<embed>, harici içeriği bir tarayıcı eklentisi veya tarayıcının yerleşik işleyicisiyle gömer. type özniteliği MIME türünü, src ise kaynak URL'sini belirtir. Bu, alt öğeleri veya geri dönüş içeriği olmayan boş bir öğedir.

<object>, embed'den daha esnektir. data özniteliği kaynağı gösterir; type MIME türünü belirtir. Nesne yüklenemezse alt öğeler geri dönüş içeriği olarak kullanılır; bunlar arasında iç içe bir nesne veya açıklayıcı metin bulunabilir.

Geri dönüş içeriğini iç içe yerleştirin: <object data="file.pdf" type="application/pdf"><a href="file.pdf">Download PDF</a></object>. Tarayıcı PDF'yi satır içinde oluşturamazsa bunun yerine indirme bağlantısını gösterir. Geri dönüş içeriği, object öğesinin embed karşısındaki temel avantajıdır.

PDF dosyalarını object veya embed ile gömün: <object data="doc.pdf" type="application/pdf" width="100%" height="600">. Tarayıcı desteği değişiklik gösterir; Chrome ve Firefox PDF'leri yerel olarak oluşturur, diğer tarayıcılar indirme istemi gösterebilir. Bir geri dönüş bağlantısı sağlayın.

HTML belgelerini gömmek için iframe'i tercih edin (bu amaçla tasarlanmıştır ve güvenlik modeli açıktır). Medya eklentileri için embed'i (eski Flash, SVG oluşturma) kullanın. Geri dönüş içeriği gereken belgeler için object'i kullanın. Modern geliştirmede çoğu eklenti kullanım alanı yerel HTML5 öğeleriyle (video, audio, canvas) karşılanır.

Hem embed hem de object, büyük bir saldırı yüzeyi oluşturan eklenti içeriğini (geçmişte Flash) çalıştırabilir. Modern tarayıcılar eklenti desteğini kaldırmıştır. Yalnızca güvenilir içerikler gömülmelidir. Kaynaklar arası embed/object içeriği, aynı kaynaklı içerik gibi betiklerle işlenemez.

SVG'yi object ile gömme: <object data="image.svg" type="image/svg+xml" width="200" height="200">. img etiketinden farklı olarak object içindeki SVG, kendi betiklerini çalıştırabilir ve harici CSS'ye yanıt verebilir (aynı kaynaklıysa). Satır içi SVG'nin pratik olmadığı durumlarda etkileşimli SVG için kullanın.

İç içe <param name="autoplay" value="true"> öğelerini kullanarak bir object eklentisine parametre aktarın. Bu, Flash nesnelerini yapılandırmanın standart yoluydu. Tarayıcıların eklenti desteğini kaldırması nedeniyle modern kullanımı nadirdir.

object, görüntü haritaları oluşturmak için usemap ile çalışabilir; böylece gömülü bir görüntüde tıklanabilir bölgeler oluşturulur. Bölgeleri <map> öğesinde, alt öğe olarak <area> kullanarak tanımlayın. Etkileşimli görüntü bölgeleri için öğelerde href kullanan modern SVG daha iyi bir yaklaşımdır.

Ekran okuyucularının tanımlayabilmesi için hem embed hem de object öğesine title özniteliğini ekleyin. object, aria-label'ı kabul eder. Her iki öğe de yerel HTML5 öğelerinin sunduğu zengin erişilebilirlik anlamlarını sağlamaz. Medya içeriği için altyazılı yerel video ve audio öğeleri her zaman tercih edilir.

embed ve object büyük ölçüde eski öğelerdir. Temel kullanım alanları olan Flash ortadan kalkmıştır. Günümüzdeki meşru kullanım alanları, geri dönüş içeriği bulunan satır içi PDF belgeleri, etkileşimli SVG yerleştirmeleri ve modernleştirilemeyen eski içeriklerdir. Yeni projelerde tüm medya ihtiyaçları için yerel HTML5 öğeleri tercih edilmelidir.

Gömülü içerik için object kullanmanın embed karşısındaki temel avantajı nedir?

embed ve object, HTML dışı içerikleri gömmek için kullanılan eski öğelerdir. Geri dönüş içeriği gerektiğinde object tercih edilir. Her ikisi de MIME türü belirtimlerini kabul eder ve parametre aktarır. Yeni projelerde modern karşılıklar (video, audio, canvas, satır içi SVG) tercih edilir. object ile PDF gömmek, alternatif olarak iframe de kullanılabilen yaygın bir kullanım alanı olmaya devam eder.