Home Tekno Apa Yang Ditulis Pada Head Tags HTML

Apa Yang Ditulis Pada Head Tags HTML

6 min read
0
0
75

Apa saja elemen yang ditulis pada head tags HTML atau halaman web.

Title Tag

Head tags HTML berisi berbagai elemen. Diantaranya adalah title tag (<title>) yang digunakan untuk membuat judul dari dokumen HTML atau halaman web. Sebagai contoh, untuk menampilkan judul dari halaman web misalkan adalah Homepage, title tag yang digunakan adalah sebagai berikut:

<title>Homepage</title>

Judul yang ditulis pada title tag untuk halaman web akan ditampilkan pada titlebar di browser. Selain itu juga title tag digunakan untuk ditampilkan di berbagai tempat lain seperti: Digunakan untuk judul bookmark dan juga digunakan sebagai teks utama dari hasil pencarian search engine seperti Google.

Meta Tag

Meta tag ditulis didalam head tags HTML, yang digunakan untuk menyediakan informasi dan perintah untuk web browser. Sesuai dengan namanya, meta tab berisi informasi meta dari dokumen web seperti misalnya nama penulis, deskripsi dari halaman, software yang digunakan untuk membuat halaman web atau informasi lainnya.

Jumlah dari informasi dapat ditentukan menggunakan meta tag. Ketikan parameter HTTP-EQUIV digunakan pada meta tag, hal tersebut dapat menggantikan atau memberikan informasi HTTP header. Sebagai contoh, misalnya meta tag mendefinisikan tipe konten dari dokumen sebagai HTML dengan Latin character set (ISO-8859-1).

<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1” />

Meta tag juga dapat digunakan untuk hal yang spesifik, seperti berapa lama halaman harus di-cache.

<meta http-equiv=”pragma” content=”no-cache” />

Selain itu meta tag juga dapat digunakan agar browser me-refresh halaman web dengan interval tertentu. Seperti:

<meta http-equiv=”refresh” content=”3” />

Dan juga meta tag dapat digunakan untuk memberikan deskripsi dengan data spesifik untuk search engine seperti deskripsi untuk halaman web, keyword dan lainnya. Contohnya adalah seperti berikut ini:

<meta name=”description” content=”A tutorial on HTML” />

<meta name=”keywords” content=”html tutorial, html examples” />

Base Tag

Sambil menentukan URL di halaman web, kita dapat menggunakan path absolut atau path relatif. Hal ini merupakan praktik yang baik untuk menentukan path absolut yang meliputi protocol seperti (HTTP,FTP dan lainnya). Tetapi hal tersebut tidak praktis terutama ketika memanggil sumber daya lokal, yang sebaiknya menggunakan path relatif. Path relatif biasanya dihitung dengan sehubungan direktori dasar dan domain. Untuk mentukan dasar domain atau direktori, HTML menyediakan base tag, seperti contohnya dibawah ini.

<base href=”http://www.example.com/images/” />

Untuk memasukan lokal pada www.example.com) sumber daya seperti gambar di halaman web, kita dapat menulis:

<img src=”image001.jpg” />

Meskipu kita hanya menulis demikian, tetapi absolute URL-nya tetap http://www.example.com/images/image001.jpg.

Script Tag

Didalam dokumen HTML dapat termasuk bagian untuk menaruh script. Bagian ini berisi seperti JavaScript, dan juga script lainnya seperti VBScripting.

Semua script yang ada didokumen HTML harus ditulis di antara script tags. Bagian script ini dapat ditempatkan pada head tag HTML ataupun dimana saja pada body. Script tags harus ditempatkan disini dengan format seperti:

<script type=”text/javascript”>
 Scripting code here…
</script>

Style Tag

Style tag digunakan untuk informasi style yang lebih spesifik untuk elemen-elemen yang ada di halaman web. Style tag pada head tag HTML menyediakan embed CSS.

Link Tag

Link tag secara umum digunakan untuk membuat link dari dokumen HTML ke dokumen eksternal CSS. Informasi style untuk elemen-elemen akan tersedia sebagai file CSS eksternal. File ini dihubungkan dengan dokumen HTML dengan menggunakan link tag. Seperti misalnya:

<link rel=”stylesheet” type=”text/css” href=”style.css” />

 

 

Jakartawebhosting.com menyediakan layanan PHP Hosting, dengan kecepatanhttp://www.jakartawebhosting.com/php-web-hosting.aspx dan stabilitas pusat data dan server yang baik, up time server 99,9%, team support yang siap membantu 24 jam dan biaya langganan yang menarik.

Load More Related Articles
Load More By Pamela
Load More In Tekno
Comments are closed.

Check Also

Harga Yamaha NMAX Terbaru

Harga Yamaha NMAX 2017 Harga Yamaha NMAX – Persaingan perebutan pasar otomotif dalam segme…