Secara umum, organisasi file halaman web standar adalah XHTML CSS. Di antara mereka, XHTML terutama digunakan untuk mewakili struktur halaman web dan menampilkan konten, sementara CSS mendefinisikan tata letak struktur dan memodifikasi gaya konten.
XHTML yang biasa digunakan untuk tata letak umumnya meliputi:
Div: Ini terutama digunakan untuk potongan logis konten halaman. Misalnya, halaman web umumnya mencakup partisi yang bertanggung jawab seperti header, navigasi, bilah samping, konten dan hak cipta. Anda dapat menggunakan segmentasi tag div saat ini.
Pada saat yang sama, penamaan berikut direkomendasikan untuk setiap blok:
Berikut ini adalah konten yang dikutip:
Header: <Div ID = MASTHEAD> </Div>
Navigasi: <Div ID = GlobalNav> </Div>
Sidebar: <Div ID = NavBar> </Div>
Konten: <Div ID = Content> </Div>
Hak Cipta: <Div ID = Hak Cipta> </Div>
Catatan: ID unik, yaitu, ID tidak boleh muncul lebih dari dua kali pada halaman yang sama. Jika tidak, gunakan kelas.
UL: Awalnya daftar yang tidak tertib, dan sering digunakan untuk mewakili elemen setara dari kelas non-struktural dalam aplikasi CSS XHTML. Perlu digunakan bersamaan dengan elemen anak UL.
Berikut ini adalah konten yang dikutip:
<div>
<ul>
<li> <a href =#> link1 </a> </li>
<li> <a href =#> link2 </a> </li>
<li> <a href =#> link3 </a> </li>
</ul>
</div>
SPAN: Jika Anda membandingkan elemen ini dengan div, maka rentang adalah tas dan div adalah kotak (disebut xiaoyi: aplikasi dasar kode xhtml). Faktanya, div adalah elemen tingkat blok, sedangkan rentang adalah elemen inline (lihat elemen inline (inline) dan elemen tingkat blok). Melalui rentang, elemen fragmen dalam segmen atau elemen baris dapat didefinisikan secara terpisah.
Misalnya:
Berikut ini adalah konten yang dikutip:
<ul>
<li> <span> (2006-11-13) </span> ringkasan tata letak CSS XHML </li>
</ul>
Menentukan rentang sebagai mengambang kiri/kanan di CSS dapat memungkinkan tampilan tanggal dan judul di kedua sisi. Ini relatif digunakan
Berikut ini adalah konten yang dikutip:
<ul>
<li> 2007-11-5vevb.com </li>
<li> XHML CSS Layout Ringkasan </li>
</ul>
Ini jauh lebih sederhana.
=======================================================
Setelah berbicara tentang tag XHTML umum untuk tata letak, ada juga tag XHTML yang digunakan untuk menampilkan konten halaman web. Misalnya:
Berikut ini adalah konten yang dikutip:
<img src = alt = title = /> berarti gambar
<a href = title => </a> berarti hyperlink
<hn> </hn> (n = 1,2, ..., 6) menunjukkan judul konten halaman
Direkomendasikan bahwa penurunan H1-H6 sesuai dengan pentingnya, dan H1 adalah judul yang paling penting (lihat Greengnn: Div CSS Naming Reference)
Awalnya, label yang mewakili tebal dan huruf miring digunakan, dan label dipilih untuk menggunakan <strong> </strong> dan <em> </em> sebagai gantinya.