Pengenalan Dasar HTML5, mungkin kita sudah sering mendengar yang namanya HTML5 dan apa bedanya dengan versi sebelumnya. HTML5 adalah versi terbaru dari HTML yang didukung untuk menjadi desain web yang terdepan bukan hanya untuk masa depan melainkan saat ini dengan berbagai kemudahan didalamnya. Oleh karena itu kedepannya HTML5 dipadukkan dengan CSS3 akan lebih sering digunakan oleh para developer dalam mendesign websitenya serta semakin didukung dalam hal Search Engine optimization (SEO).Rancangan awal dari HTML5 untuk menggantikan versi yang sebelumnya dan direlis pertama kali keluar pada bulan januari 2008 dan sudah mendapat dukungan dari hampir seluruh browser yang ada, tetapi baru direkomendasikan untuk diterapkan beberapa tahun kemudian. HTML5 merupakan pengembangan dari W3C dan WHATWG.
Adapun struktur dasar untuk memulai HTML5
<!DOCTYPE HTML>Kode lengkapnya sebagai berikut :
<!DOCTYPE HTML>Ada beberapa Tag HTML baru yang akan sering digunakan dalam pengenalan dasar HTML5, antara lain :
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
- <header>
berfungsi untuk menetukan header dari website yang bisa berisikan judul atau nama website beserta deskripsinya - <section>
digunakan untuk meletakkan konten, peletakkannya diantara tag header dan tag footer - <nav>
digunakan untuk mendefinisikan sebuah navigasi yang umumnya berisikan daftar link - <article>
digunakan untuk meletakkan isi konten utama dari sebuah website - <aside>
digunakan untuk menunjukkan konten yang berhubungan dengan konten yang lain. - <footer>
digunakan untuk menentukan bagian footer atau bagian bawah dari suatu website
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Your Website</title>
</head>
<body>
<header>
<nav>
<ul>
<li>Your menu</li>
</ul>
</nav>
</header>
<section>
<article>
<header>
<h2>Article title</h2>
<p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
</header>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</article>
</section>
<aside>
<h2>About section</h2>
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</aside>
<footer>
<p>Copyright 2009 Your name</p>
</footer>
</body>
</html>
Demikian pengenalan dasar HTML5 untuk kali ini, walaupun penerapannya masih baru tidak ada salahnya kita belajar lebih dulu.. walaupun sudah banyak yang menerapkannya tidak ada kata terlambat untuk memulai.. selamat mencoba :)
Written by Unknown
Kami melayani pembuatan berbagai macam web aplikasi sesuai kebutuhan anda, dapatkan harga terbaik dan jasa amanah dari kami."Menerima dengan sumringah dan mengerjakan penuh amanah"
0 komentar:
Posting Komentar