✅ HTML5, Gömülü Öğeler

İçindekiler

Belgelerimizde birçok kez HTML İçeriği zenginleştirmeliyiz ve artık bir resim eklemek değil, aynı zamanda genel olarak medya düzeyinde yapmak meselesi, bunun için diğer sayfalardan içerik eklemeli, videoları dahil etmeliyiz, vb. Bunu yapmak için, resimler dışındaki diğer eleman türlerini nasıl gömeceğimizi göreceğiz.
HTML içeriğini dahil etmek için öğeyi kullanacağız çerçeve, Bu öğe, belgemize mevcut sayfadan farklı bir sayfa eklememize izin verir, sahip olduğu nitelikler şunlardır:

kaynak
kaynak belge
tatlı patates
Genişlik
boy uzunluğu
kum havuzu
sorunsuz

Nasıl uygulanacağına dair kod düzeyinde bir örneğe bakalım. iframe bir HTML5 belgesinde:

 Örnek

Sevdiğim Meyveler
Sevdiğim Aktiviteler

Bu örnekte bazı öğeleri nasıl kullandığımızı görüyoruz. ile içine farklı bir belge yükleyebileceğimiz bağlantılar oluşturmak için iframe, içinde gibi nitelikleri görüyoruz tatlı patates bu, örneğin, öğenin adını gösterir Genişlik Y boy uzunluğu bu, elemanın boyutunu ayarlamamıza izin verir.
Tarayıcımızda çalıştırdığımızda bu örneğin nasıl göründüğüne bakalım:

HTML5'te iki yeni özelliğimiz varilkini görelim sorunsuz bu öznitelik, iframe sanki belgemizin ayrılmaz bir parçasıymış gibi, yani bir kullanıcı siteye ait olmayan içeriği gördüğünü fark etmeyecek, ikinci özellik, kum havuzu, aşağıdaki özniteliklerin açılan belgede çalışmasını engellememize yardımcı olur. iframe:

Kodlar
formlar
eklentiler
diğer belgelere bağlantılar

Niteliğin alabileceği değerler kum havuzu aşağıdaki gibidir:

izin formları: Formların kullanımını sağlar.
izin verilen komut dosyaları: Javascript gibi betiklerin kullanılmasını sağlar.
en üstte gezinmeye izin ver: Bağlantıları etkinleştirir, böylece içinde bulunulan mevcut belgenin yerini alabilirler. iframe veya ayrıca yeni sekmeler ve pencereler açın.
izin-aynı-menşeli: içeriğine izin verir. iframe çağrıyı yapan aynı belge içinde oluşturulmuş gibi ele alınmalıdır.

Bu öğe, bir video gibi nesneleri HTML belgemize dahil etmemizi sağlar. Youtube, Buna bir örnek verelim:

 Örnek

Örnekte gördüğümüz gibi özniteliğe sahibiz kaynak gömülecek nesnenin kaynağını gösterir, ardından tip bize ne tür bir nesne olduğunu ve aynı zamanda Genişlik ve boy uzunluğu elemanımızın boyutunu ayarlamak için.
Bu öğe, sayfalarımızı artık yalnızca diğer belgeler ve resimlerle değil, aynı zamanda videolar ve flash içerikle de zenginleştirmeye devam ederken oldukça kullanışlıdır.
Bununla bu öğreticiyi bitiriyoruz, zaten belgeler üretebilmeliyiz HTML zenginleştirilmiş, farklı kaynaklardan gelen resimleri veya videoları göstermek için sayfamızın nasıl görünmesi gerektiğine dair zihnimizde olabilecek resme uyum sağlar.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.