DİV ile SİTE YAPISI NASIL OLMALIDIR

Editör 29.06.2017 02:34 Html
DİV ile SİTE YAPISI NASIL OLMALIDIR

DIV etiketi de yaygın sayfa düzeninde kullanılır. CSS kullanarak, bir DIV elemanı site içerisinde heryere konumladırabilir ve içine istediğimiz herhangi bir unsur yerleştirebilirsiniz.

Örnek site yapısı:

 

 

header :Sitenin başlık ve açıklama içeriğini yer alır. Sadece başlığınız olacaksa altı seviyeli başlıklardan (h1-h6) birini kullanmanız yeterli.

nav : Menüleri, Gezinti (navigation) alanını temsil eder. Gezinti bağlantıları ya da içerik listesi için kullanılabilir.

section : Genel bölümleme öğesidir. İçinde başlığı ve altalanı olan bir makale olabilir.

article : Bir makale ya da yazı alanını temsil eder. Bu bir blog yazısı, yorum alanı, haber v.b. olabilir.

aside : Ana içerikten ayrı yazılan, yüzeysel bir bağlantısı olan içeriğe denir.

footer : Altalanı temsil eder. Bu bir sayfanın, bir bölümün ya da bir yazının altalanı olabilir.

Site yapısının html kodların gösterimi:

HTML:

01 <div class="header"> </div>
02  
03 <div class="nav"> </div>
04  
05  
06  <div class="section">
07  
08     <div class="header2"> </div>
09  
10     <div class="article"> </div>
11  
12     <div class="footer2"> </div>
13  
14 </div>
15  
16  
17 <div class="aside"> </div>
18  
19 <div class="footer"></div>

Site yapımızın html kodları yukardaki gibi olacaktır; ancak bu halde bir anlam ifade etmez bunu CSS ile şekillendirmemiz gerekir.

Bunlarada Bakabilirsiniz