Langsung ke konten utama

HTML Tag Section

Tag section mendefinisikan pembagian dokumen seperti chapterheaderfooter dan section-section lainnya. Tag section membagi konten menjadi section dan subsection. Tag section digunakan ketika dibutuhkan dua buah header atau footer atau apapun pada dokumen yang dibutuhkan. Tag section mengelompokkan blok umum dari konten yang saling berkaitan antara satu dengan konten lainnya. Keuntungan utama dari tag section adalah tag tersebut merupakan tag semantik, yang mendeskripsikan penggunaannya terhadap browser dan pengembang.

Sintak:
<section> Konten Section... </section>

Tag section digunakan untuk mendistribusikan konten baik terhadap section ataupun subsection.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Tag Section

</title>

</head>

 

<body>

 

<section>

<h1>Section 1</h1>

<p>Konten Section 1</p>

</section>

 

<section>

<h1>Section 2</h1>

<p>Konten Section 2</p>

</section>

 

<section>

<h1>Section 3</h1>

<p>Konten Section 3</p>

</section>

 

</body>

 

</html>

Output:

Section 1

Konten Section 1

Section 2

Konten Section 2

Section 3

Konten Section 3


Tag section bersarang: Ukuran huruf dari subsection adalah lebih kecil dari section-nya jika mengandung properti font yang sama. Tag subsection digunakan untuk mengatur dokumen yang lebih komplek pada html.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Tag Section

</title>

</head>

 

<body>

 

<section>

<h1>Section 1</h1>

<p>Konten Section 1</p>

 

<section>

<h1>Subsection</h1>

<h1>Subsection</h1>

</section>

 

</section>

 

<section>

<h1>Section 2</h1>

<p>Konten Section 2</p>

 

<section>

<h1>Subsection</h1>

<h1>Subsection</h1>

</section>

 

</section>

 

</body>

 

</html>

Output:

Section 1

Konten Section 1

Subsection

Subsection

Section 2

Konten Section 2

Subsection

Subsection

Komentar

  1. Apa yang dimaksud dengan tag section pada dokumen HTML?

    BalasHapus
    Balasan
    1. Tag section pada HTML digunakan untuk mendefinisikan bagian dalam dokumen atau konten. Ketika user meletakkan konten pada halaman website, biasanya terdiri dari beberapa bagian seperti bab, header, footer, ataupun bagian lain pada halaman website tersebut. Untuk dapat membedakan bagian-bagian tersebut maka digunakan tag section. Tag section merupakan elemen yang baru dimasukkan ke dalam HTML5.

      Hapus
  2. Bagaimana cara kerja tag section pada dokumen HTML?

    BalasHapus
    Balasan
    1. Tag Section HTML mengelilingi bagian umum konten pada halaman website atau aplikasi. Tag tersebut diperkenalkan dalam HTML5 dan mendukung penggunaan atribut secara global.

      Hapus
    2. Tag section pada HTML mendefinisikan bagian dokumen untuk menunjukkan pengelompokkan makna semantik yang saling berkaitan.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D