Petik.net - Struktur dokumen HTML adalah kerangka atau susunan dari sebuah dokumen HTML yang terdiri dari beberapa elemen seperti tag, atribut, dan isi konten. Struktur dokumen HTML umumnya terdiri dari tag < html >, < head >, dan < body >. Tag < html > menunjukkan awal dan akhir dari dokumen HTML, sedangkan tag < head > dan < body > digunakan untuk menampung elemen-elemen yang tidak tampil dan tampil di halaman web.

Selain itu, terdapat juga tag < title > dan < meta > yang digunakan untuk memberikan informasi metadata tentang halaman web. Tag < header >, < nav >, dan < footer > digunakan untuk menunjukkan bagian atas, navigasi, dan bagian bawah dari halaman web. Tag < main > dan < article > digunakan untuk menunjukkan konten utama dan artikel terkait pada halaman web.

Selanjutnya, tag < section > dan < aside > digunakan untuk menunjukkan bagian dari halaman web yang memiliki topik atau isi yang sama dan bagian yang terkait tetapi bukan bagian utama dari isi halaman. Dengan memahami struktur dokumen HTML, pengembang web dapat membuat halaman web yang terstruktur dan mudah dipelajari oleh browser dan mesin pencari.

Tag html, head, dan body

Tag HTML digunakan sebagai awal dan akhir dari dokumen HTML. Setiap halaman web harus memiliki tag HTML. Tag head digunakan untuk menentukan informasi tentang halaman web seperti judul, deskripsi, dan meta-data lainnya. Tag body digunakan untuk menentukan isi dari halaman web.

Tag title dan meta

Tag title digunakan untuk menentukan judul halaman web yang akan ditampilkan di browser. Tag meta digunakan untuk memberikan informasi tambahan tentang halaman web seperti deskripsi, kata kunci, dan jenis konten.

Tag header, nav, dan footer

Tag header digunakan untuk menentukan area header halaman web, yang biasanya berisi logo, judul, dan menu navigasi. Tag nav digunakan untuk menentukan menu navigasi halaman web. Tag footer digunakan untuk menentukan area footer halaman web, yang biasanya berisi hak cipta, tautan ke halaman lain, atau informasi kontak.

Tag main dan article

Tag main digunakan untuk menentukan area utama konten dari halaman web, yang biasanya berisi konten utama seperti artikel atau posting blog. Tag article digunakan untuk menentukan artikel atau posting blog individu dalam halaman web.

Tag section dan aside

Tag section digunakan untuk menentukan bagian-bagian dari halaman web yang berisi konten terkait. Misalnya, dalam halaman web yang berisi artikel tentang teknologi, bagian yang membahas komputer dapat dikelompokkan dalam tag section. Tag aside digunakan untuk menentukan konten yang terkait dengan konten utama tetapi tidak terlalu penting, seperti iklan atau tautan terkait.

Contoh kode

Contoh Halaman Web







Artikel Terbaru



Judul Artikel

Ini adalah artikel yang terkait dengan halaman web ini.



Judul Artikel Lainnya
Ini adalah artikel lainnya yang terkait dengan halaman web ini.

Demikianlah penjelasan mengenai struktur dokumen HTML dan beberapa tag yang sering digunakan, seperti tag < html >, < head >, < body >, < title >, < meta > , < header >, < nav >, < footer >, < main >, < article >, < section >, dan < aside >. Dengan menguasai konsep ini, diharapkan dapat membantu para pengembang web dalam membuat halaman web yang terstruktur dan mudah dipahami oleh pengguna dan mesin pencari.