Uncategorized

Membuat Footer pada HTML5

Seperti namanya, elemen <footer></footer> akan menghasilkan footer pada dokumen HTML5. Footer dapat berisi informasi hak cipta (copyright), informasi penulis, referensi, aturan privasi, dan sebagainya. Berikut contoh penggunaan elemen footer pada HTML5 :

<!DOCTYPE html>
<head>
<title>Membuat Footer pada HTML5</title>
</head>
<body>
<header>
<span style="color:red;font-style:italic;">
Baking Cheesecakes
</span>
<hr>
</header>
<hgroup draggable="true">
<h1>Cheesecake Tips and Techniques</h1>
<h2>Professional Tips</h2>
</hgroup>
<aside style="font-size:larger;font-style:italic;color:blue;float:right;width:120px;">
To create a water bath, use a pan that will allow you to fill it with boiling water that
goes halfway up the spring form pan in which the cake is placed.
</aside>
<p>
When baking a cheesecake, it is important not to over bake it. You only want to bake it
until the middle has a slight wiggle, not until it is rock solid.
</p>
<p>It is important that you use a water bath, discussed at the right, to ensure even baking of
your cheesecake.</p>
<footer> &copy; 2011 - Better Made Cheesecakes - All rights reserved </footer>
</body>
</html>

Demo dapat dilihat pada tautan ini.

Simbol copyright, “copy&,”, dan berbagai macam hal yang menyangkut hak cipta dan kepemilikan diletakkan di bagian footer. Elemen <footer></footer> dapat digunakan untuk keseluruhan dokumen seperti ditunjukkan contoh di atas, atau dapat juga digunakan pada pembagian struktur dalam dokumen. Untuk diingat, bahwa elemen <footer> tidak dapat digunakan dalam elemen <header> atau dalam elemen <footer> yang lain. Jika hal tersebut dilakukan, maka akan menghasilkan rendering kode HTML yang tidak sesuai.