HTML Imports (HTML İçe Aktarım) - Kısım 2

Tue, 18 Nov 2014 18:47:25 +0200

Yazının birinci kısmına buradaki linkten ulaşabilirsiniz.

Web Componentlerinin iletimi

HTML Importlar, tekrar kullanılabilir içerikleri yükleyebilmek için tasarlanmıştır. Özellikle Web Componentlerinin dağıtımı için en ideal yoldur. Buna HTML <template> etiketleri, Shadow DOM ve Custom Element’ler de dahil. Bütün bu teknolojiler bir araya geldiğinde HTML Import artık Web Component’lerimiz için bir #include gibi oluyor.

Template’leri include etmek

HTML Template ile HTML Import birbirleriyle bir uyum içindedir. <template> etiketi bizim import edilecek uygulamamızda HTML için gayet güzel bir iskelet görevi görüyor. Ayrıca içeriği <template> içerisine almak, bizim içeriğimizin kullanılana kadar durağan bir şekilde kalmasını sağlıyor. Template’in içinde kalan scriptler ise DOM’a eklenene kadar çalışmıyor.

HTML Imports (HTML İçe Aktarım) - Kısım 1

Wed, 12 Nov 2014 23:30:54 +0200

Neden Import?

Web’de farklı türdeki kaynak dosyalarını nasıl yüklediğinizi düşünün. JavaScript için <script src=""> tag’ini kullanıyoruz. CSS için ise <link rel="stylesheet" href=""> tag’ini kullanarak HTML sayfamıza kaynakları ekliyoruz. Bu örneklere resim, video ve ses dosyalarını da ekleyebiliriz. Peki makalemizde ne anlatmaya çalışıyoruz? Bu makalede kaynak dosyası olarak düşündüğümüz şey HTML ve biz bir HTML dosyasını başka bir HTML dosyasında çağırmayı öğreniyor olacağız. Peki daha önce bir HTML’i başka bir HTML dosyasında nasıl çağırıyorduk? Hemen bakalım:

Içe Aktarım on Nazım Can Altınova

HTML Imports (HTML İçe Aktarım) - Kısım 2

Web Componentlerinin iletimi

Template’leri include etmek

HTML Imports (HTML İçe Aktarım) - Kısım 1

Neden Import?