contenteditable attribute’ü nedir? HTML5 ile birlikte gelen attribute’lerden biri olan contenteditable, hangi elemente eklenmişse o elementin içeriğinin değiştirilebilir olmasını sağlıyor. Tamamen client tarafında yapılan bu değişiklik, tarayıcının local storage’ında saklanıyor ve sayfayı yenilediğimiz zaman yaptığımız değişiklikler gidiyor. Contenteditable; true, false ve inherit olmak üzere 3 değer alabilir. Varsayılan özelliği ise inherit.
Bir örnek vermek gerekirse:
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Contenteditable Örneği</title> </head> <body> <div class="title" contenteditable="true">Merhaba Dünya!...
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. HTML <template> etiketleri ve Shadow DOM ile birlikte Custom elementler. Bütün bu teknolojiler bir araya geldiğinde HTML Import artık Web Componentlerimiz için #include gibi bir hal alıyor.
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....
Neden Import? Web’de farklı kaynakta dosyaları nasıl yüklediğinizi düşünün. Javascript için <script src=""> tagini kullanıyoruz. CSS için ise <link rel="stylesheet" href=""> tagini kullanarak HTML sayfamıza kaynakları ekliyoruz. Bu kaynak eklemeyi resim video ve ses dosyalarını da eklemek olarak çeşitlendirebiliriz. 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 biz daha önce nasıl HTML’i başka bir HTML dosyasında çağırıyorduk, hemen onlara bakalım:...