Belajar Elemen Span Div, Yang juga digunakan dengan CSS

Belajar Elemen Span Div, Yang juga digunakan dengan CSS



HTML adalah tentang menerapkan makna pada konten. Sedangkan sebagian besar tag HTML menerapkan makna (p membuat paragraf, H1 membuat judul dll), span dan tag div tidak berlaku sama sekali. Hal ini mungkin terdengar tentang sebagai berguna sebagai busa palu tetapi mereka sebenarnya digunakan cukup luas dalam hubungannya dengan CSS.

Mereka digunakan untuk mengelompokkan bersama sepotong HTML dan menghubungkan beberapa informasi ke bongkahan itu, paling sering dengan kelas atribut dan id untuk mengasosiasikan elemen dengan pemilih CSS kelas atau id.

Perbedaan antara span dan div adalah bahwa elemen span adalah in-line dan biasanya digunakan untuk potongan kecil HTML di dalam garis (seperti di dalam paragraf) sedangkan elemen div (Division) adalah blok-Line (yang pada dasarnya setara dengan memiliki garis-Break sebelum dan setelahnya) dan digunakan untuk mengelompokkan potongan kode yang lebih besar.

<div id="scissors">
    <p>This is <em class="paper">crazy</em></p>
</div>

Jika Anda belum punya petunjuk tentang kelas dan ID belum, jangan khawatir, mereka semua dijelaskan dalam CSS intermediate tutorial. Yang perlu Anda ingat adalah bahwa span dan div adalah "bermakna" tag.

Sementara mereka tidak pengganti untuk tag div, HTML 5 memperkenalkan sejumlah tag yang digunakan untuk pengelompokan blok kode bersama-sama dan menambahkan makna pada saat yang sama. Untuk informasi lebih lanjut tentang artikel, header, footer, dan banyak lagi, lihat artikel tentang pembagian.

Anda mungkin menyukai postingan ini