18 March 2015

HTML Head

Pada umum nya sebuah dokumen HTML memiliki 2 buah elemen yaitu head dan body, yang masing-masing memuat elemen-elemennya sendiri.
Berikut ini contoh sederhananya:

<html>
<head>
<title>Judul Dokumen</title>
</head>

<body>
<h1>Judul Artikel</h1>
<p>Sebuah paragraf dalam artikel.</p>
</body>
</html> 
Tampilan pada browser:
Tag <head> merupakan wadah untuk menyimpan meta data, atau bahasa sederhana nya data tentang data. HTML meta data berisikan data mengenai dokumen html yang bersangkutan. Meta data tidak ditampilkan pada halaman web, kecuali tag <title> dan ini pun biasanya tampil pada title bar window atau tab. Bukan pada halaman web.
Tag-tag yang termasuk dalam meta data diantaranya: <title>, <style>, <meta>, <link>, <script>, dan <base>.

Tag <title>
Tag ini mendefinisikan judul dari sebuah dokumen. Title dibutuhkan dalam sebuah dokumen HTML untuk:
  • Menampilkan judul di browser title bar.
  • Menyediakan judul saat ingin ditambahkan ke favorit.
  • Penamaan list dalam history browser.
  • Menampikan judul halaman web pada hasil search engine (mesin pencari seperti google)
Tag <style>
Elemen ini digunakan untuk mendefinisikan format layout untuk sebuah dokumen HTML. Di dalam tag <style> kita dapat menambahkan format bagaimana elemen-elemen diterjemahkan kemudian ditampilkan pada browser.
Kita akan menambahkan code berikut pada contoh di atas.
<style>
body {background-color:yellow;}
p {color:red;}
</style>
Tag <link>
Elemen link digunakan untuk mengambil sumber dari file external, biasanya berupa file css atau file script seperti javascript.
Contoh penulisan:
<link rel="stylesheet" href="layout.css">
Tag <meta>
Elemen ini digunakan untuk menyimpan data description (deskripsi), keywords (kata kunci pencarian), author (penulis), dan meta data lainnya.
Contoh:
Kata Kunci
<meta name="keywords" content="VB.NET, SQL, MySQL, PHP, ASP.NET">
Deskripsi
<meta name="description" content="Berbagi tutorial pemrograman.">
Mengatur charset yang digunakan
<meta charset="UTF-8">
Data penulis halaman
<meta name="author" content="Rani Irsan">
Agar dokumen ter-refresh setiap 30 detik
<meta http-equiv="refresh" content="30">
 
Tag <script>
Tag ini digunakan untuk menuliskan script yang berjalan di client side, contohnya javascript di bawah ini.
<script>
function JsFunction{
    document.getElementById("demo").innerHTML = "Hello World!";
}
</script>
 
Tag <base>
Elemen base digunakan untuk menuliskan URL dan target untuk semua URL yang relatif dengan halaman web yang bersangkutan.
Contoh Penulisan:
<base href="http://rani-irsan.blogspot.com/" target="_blank">
 
 

Click here if you like this article.


0 comments: