DİV NASIL KULLANILIR? NEREDE KULLANILIR?

Editör 29.06.2017 02:28 Html
DİV NASIL KULLANILIR? NEREDE KULLANILIR?

Div etiketi sayfa tasarlarken HTML sayfasında bir bölüm belirtmek için kullanılır. Div sayfada objeleri ve verileri  sola, sağa, aşağı veya yukarıya CSS kullanarak hizalamaya yarar. Yani div etiketini kutu olarak düşünebiliriz. Metinler, Resimler ve videolar div içinde kullanılabilir..  Sayfa tasarımında div'in avantajları oldukça fazladır..Bu avantajlar şu şekildedir.

  • Sayfa Yükleme Hızı Artar : Sayfalar div ile tasarlandığında daha az kod kullanıldığından sayfalar daha hızlı yüklenir.
  • Bandwith Tasarrufu: Daha az yüklenme zamanı haliyle bandwith kullanımı azalır.
  • Verimlilik : İçerik düzeni stilleri ayrılmış olduğundan, yeniden tasarlama CSS ile çok kolay. Güncelleme için CSS dosyası ve değişiklikleri çok kolaydır.
  • Daha iyi SEO için Daha az kod olması ve kodlama yapısının tablolu yapıya göre daha düzenli olması arama motorlarının indekslemesi için bir avantajdır. Arama motorları(google,yandex...) div ile düzenlenmiş sitelere öncelik verir.
  • Düzenleri ve tasarım gelişmişliği : CSS, HTML tablolara göre tasarımda özgürlük sunmaktadır. Tablolar katı, esnek olmayan, ve ızgara tabanlı iken, CSS tabanlı tasarımlar akışkan, esnek ve genişletilebilir.
  • Takım çalışmalarına daha uygundur : Web sitesi önyüzü ve arka planı ayrımı yapılır. Arayüz geliştirici ve programcı arasında daha kolay ve güzel iletişim sağlanır. iş bölümü olduğu için işler hızlı yürür.
  • Tekrar tasarlama daha ucuzdur farklı tasarımların adapte edilmesi kolaydır.
  • Geleceğe dönük bir yapıdır : HTML5 ile birlikte gelen yeni etiketler ve HTML5’in yapısı div ile kodlamanın devamı niteliğindedir

DIV ve SPAN elemanları anlamsız etiketlerdir; Yani "p" veya "h1" gibi diğer etiketlerin aksine, onlar ile ilgili herhangi bir görsel özelliğe sahip olmadığı için Styleve CSS özelliklerinin ayrıca belirtilmesi gerekir. CSS ile Sahip oldukları tüm özellikler genellikle "sınıf" ve "id" nitelikleri ile, geliştirici tarafından kendilerine tahsis edilmelidir.

DIV etiketi blok düzeyi unsurudur. Her Div etiketi açılıp kapandığında bir alt satıra geçer. Div'leri tek olarak veya iç içe girmiş bir yapı olarakta kullanabiliriz.

Bunlarada Bakabilirsiniz