Skip to main content

Apa Elemen HEAD di Halaman Web HTML?

Belajar Desain Web Untuk Pemula - Tag HTML Yang Dapat Di Gunakan Di Dalam Elemen Head (April 2025)

Belajar Desain Web Untuk Pemula - Tag HTML Yang Dapat Di Gunakan Di Dalam Elemen Head (April 2025)
Anonim

Setiap dokumen HTML di Web terdiri dari berbagai elemen. Banyak elemen yang cukup umum dan ditemukan di hampir setiap, seperti paragraf, judul, gambar, dan tautan. Namun, yang sama seperti elemen-elemen ini adalah opsional. Anda tidak secara teknis membutuhkannya di halaman web - meskipun halaman yang hilang elemen-elemen ini mungkin akan sangat jarang!

Selain elemen HTML opsional ini, ada juga yang benar-benar membutuhkan halaman. Sebagian besar elemen ini ditemukan di area halaman HTML. Ini elemen adalah elemen yang tidak ditampilkan di halaman web (sebagian besar). Unsur-unsur disembunyikan dari pengunjung manusia ke situs Anda, tetapi mereka masih sangat berguna karena mereka menyampaikan informasi ke browser web, serta mesin pencari, tentang halaman itu.

Secara teknis, hanya ada satu tag yang diperlukan untuk berada di atas semua dokumen HTML: elemen. Pasangan tag ini memulai dan mengakhiri halaman web Anda dan ini memungkinkan browser mengetahui bahwa segala sesuatu di antara kedua tag tersebut adalah konten HTML. Satu-satunya hal yang sering Anda lihat sebelum tag pembuka adalah doctype halaman. Itu akan ditulis seperti ini:

Setelah tag itu yang disebutkan sebelumnya pasangan tag. Di dalam pasangan tag itu adalah tempat Anda akan menambahkan sejumlah elemen penting lainnya, termasuk , apapun <meta> tag, serta tautan CSS dan Javascript.<p><div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> </center></div> <a id="menu-1"></a><h2 id='D9MVVA4IB6'> Elemen TITLE</h2> <p>Anda harus selalu menyertakan a halaman web Anda. Ada sejumlah alasan untuk ini, termasuk:<p> <ol> <li> <p>Mesin pencari menggunakan</p> <p>JUDUL<p>sebagai sarana utama situs katalogisasi. Jika laman web Anda tidak memiliki judul deskriptif, mesin telusur akan memberikan peringkat yang lebih rendah daripada laman lain. Ini juga yang ditampilkan sebagai teks tautan di halaman hasil mesin pencari (juga dikenal sebagai SERP).</p> <div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> </center></div></li> <li> <p>Ini ditampilkan di bagian atas jendela browser atau di tab, menggambarkan halaman di browser.</p> </li> <li> <p>Ini adalah apa yang tertulis ketika seseorang membookmark situs Anda. Jika pengguna membookmark situs Anda, Anda ingin mereka mengingatnya. Jika Anda tidak menggunakan tag Judul, maka situs Anda akan menampilkan "Untitled Document", yang merupakan judul halaman default yang digunakan di banyak platform perangkat lunak pengembangan web.</p> </li> </ol> <p>Sejak itu tag dimaksudkan untuk menampilkan ikhtisar tentang apa halaman itu, setiap halaman situs Anda harus memiliki unik , karena setiap halaman situs Anda menyertakan konten unik. Cobalah untuk menjaga konten dari tag ini di bawah 60 karakter atau kurang. Anda dapat menyertakan lebih banyak, tetapi mesin telusur akan memotong konten jika mendapatkan lebih dari jumlah tersebut.<p> <a id="menu-2"></a><h2 id='LO9IGC7TSS'> Informasi Meta atau Data Meta</h2> <p>Informasi meta adalah data yang terkandung dalam <head> dokumen HTML Anda yang memberikan informasi tambahan tentang halaman web Anda ke browser web dan perangkat lain. Anda dapat menyertakan informasi seperti nama penulis, program yang digunakan untuk membuat halaman, tanggal halaman harus kedaluwarsa, dan, mungkin yang paling penting, deskripsi, dan kata kunci yang relevan dengan halaman itu sendiri.<p>Yang paling penting</p> <p>META<strong> <p>tag yang harus Anda sertakan pada dokumen web Anda sebenarnya adalah kumpulan karakter, atau charset. Ini penting untuk keamanan halaman web Anda.</p> <p>Set karakter harus selalu menjadi baris pertama dalam Anda</p> <p>KEPALA<strong> <p>sehingga peretas tidak dapat menerobos masuk. Dalam konteks, sepanjang sisa tag yang telah kami bahas, akan seperti ini:</p> <p><!doctype html> <html> <head><meta charset='utf-8'><title>Ini adalah konten judul

Pelajari Lebih Lanjut Tentang Meta Tag

Meta tags sangat penting untuk mendapatkan rangking yang bagus di search engine, tetapi jika Anda hanya memiliki waktu untuk menulis judul yang baik atau deskriptif atau meta tag, tulis judulnya. Judul dokumen Anda akan lebih jauh untuk penempatan mesin pencari daripada meta tag. Untuk informasi tambahan tentang tag meta:

  • Magic with Meta Tags - Gunakan meta tag untuk mendapatkan penempatan mesin pencari yang lebih baik
  • Tag Meta Lebih - Lebih dari kata kunci dan deskripsi untuk mendapatkan hasil maksimal dari meta data Anda.
  • Tautan Tag Meta - Tautan tambahan untuk bantuan tag meta

Elemen Lain

Selain itu, hal penting lainnya yang akan Anda temukan di halaman adalah tautan ke file CSS situs Javascript, baik sebagai tautan ke file JS atau sebagai kode Javascript sebaris.