Belajar HTML5: Tag header ,hgroup dan hr

By Adhi P. - Last updated: Monday, August 11, 2014 - Save & Share - Comments

banner438kursus Belajar HTML5: Tag header ,hgroup dan hr

Dalam tutorial belajar HTML5 kali ini, kita akan membahas tentang tag header, group dan hr.

Tag <header> menetapkan header untuk dokumen atau bagian / section. Elemen <header> harus digunakan sebagai wadah untuk konten pengantar atau serangkaian link navigasi. Kita dapat memiliki elemen <header> beberapa dalam satu dokumen, dengan catatan tag <header> tidak dapat ditempatkan dalam <footer>, <address> atau elemen <header> lain.

Contoh Kode ;

<!DOCTYPE html>

<html>

<body>

<article>

<header>

<h1>Internet Explorer 9</h1>

<p><time pubdate datetime=”2014-07-15″></time></p>

</header>

<p>Windows Internet Explorer 9 (atau lebih dikenal dengan IE9) dirilis pada 14 Maret 2011 at 21:00 PDT…..</p>

</article>

</body>

</html>

 

Tag <hgroup> digunakan untuk mengelompokkan elemen heading. Elemen <hgroup> ini digunakan untuk mengelompokkan satu set <h1> sampai  elemen <h6>, ketika kita memiliki heading beberapa tingkatan <subheading>

COntoh Kode :

<!DOCTYPE html>

<html>

<body>

 

<hgroup>

<h1>Welcome to prothelon.com</h1>

<h2>Tempat belajar membuat website</h2>

</hgroup>

<p>Isi…</p>

</body>

</html>

 

Hasilnya :

Welcome to prothelon.com

Tempat belajar membuat website

Isi…

 

Tag <hr> digunakan sebagai break tematik dalam sebuah halaman HTML (misalnya pergeseran dari topik) atau untuk memisahkan konten (atau mendefinisikan perubahan) dalam sebuah halaman HTML.

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.

Perbedaan Antara HTML 4.01 dan HTML5 yaitu Dalam HTML 4.01, tag <hr> diwakili aturan horizontal, sedangkan pada HTML5, tag <hr> mendefinisikan break tematik. Walaupun, tag <hr> masih dapat ditampilkan sebagai aturan horisontal di browser visual, tetapi sekarang didefinisikan dalam istilah semantik, bukan hal penyajian. Semua tata letak align, noshade, size, and width) di html 4.0.1 tidak support di html5 sehingga harus menggunakan css untuk merubah style <hr>

Posted in Belajar HTML5 • Tags: Top Of Page