Rabu, 19 Desember 2012

Perbedaan HTML4 dan HTML5

Selanjutnya pada tugas kedua dibulan desember ini saya akan memberikan sedikit informasi tentang perbedaan HTML4 dan HTML5.
         HTML 5 memperkenalkan elemen baru ke HTML untuk pertama kalinya sejak tahun 1990-an. Unsur struktural baru termasuk aside, figure, dan section. Elemen inline baru seperti waktu, meter, dan progress.Termasuk Elemen Embedding baru seperti video dan audio. Elemen interaktif baru mencakup details, datagrid, dan command.
         HTML 5 mendefinisikan kelima revisi besar bahasa inti dari World Wide Web – HTML – dari W3C (World Wide Web Consortium). Juga disebut Aplikasi Web 1.0 – masih ada tidak ada ruang nama atau skema. Unsur tidak harus ditutup. Browser akan mengampuni kesalahan. Sebuah p masih p, dan meja masih meja. HTML 5 menambahkan unsur-unsur baru untuk secara khusus mengidentifikasi masing-masing konstruksi umum:

Halaman Web yang Biasa ditulis Dengan HTML 4
<html>  <head>
<title>Hobo Web LTD Scotland</title>

</head>
<body>
<div id="page">
<div id="header">
<h1><a href="/blog/">Hobo Web</a></h1>
</div>
<div id="container">

<div id="center" class="column">
<div class="post" id="post-102">
<h2><a href="/test-page/">
Test Page 1</a></h2>        <div class="entry">
<p>Article Text here</p>

</div>
</div>
<div class="post" id="post-101">
<h2><a href="/test2/">
Test 2</a></h2>
<div class="entry">
<p>Article 2 Text here</p>

</div>
</div>
</div>
<div class="navigation">
<div class="alignleft">
<a href="/blog/page/2/">« Previous Entries</a>
</div>
<div class="alignright"></div>

</div>
</div>
<div id="right" class="column">
<ul id="sidebar">
<li><h2>Hobo Stuff</h2>
<ul>
<li><a href="/blog/comment-policy/">Comment Policy</a></li>

<li><a href="/blog/todo-list/">Todo List</a></li>
</ul></li>
<li><h2>Archives</h2>
<ul>
<li><a href='/blog/2008/04/'>April 2008</a></li>

<li><a href='/blog/2008/03/'>March 2008</a></li>
<li><a href='/blog/2008/02/'>February 2008</a></li>
<li><a href='/blog/2008/01/'>January 2008</a></li>

</ul>
</li>
</ul>
</div>
<div id="footer"><p>Copyright 2008 Hobo Web LTD</p>
</div>
</div>

</body>
</html>
 
Contoh Halaman Web yang Ditulis dengan HTML5
<html> <head>
<title>Hobo Web LTD Scotland</title>

</head>
<body>
<header>
<h1><a href="http://blog/">Hobo Web</a></h1>
</header>
<section>
<article>

<h2><a href="/test-page/">
Test Page 1</a></h2>        <p>Article Text here</p>
</article>
<article>
<h2><a href="/test2/">

Test 2</a></h2>
<p>Article Text 2 here</p>
</article>
<nav>
<a href="/blog/page/2/">« Previous Entries</a>
</nav>

</section>
<nav>
<ul>
<li><h2>Hobo Stuff</h2>
<ul>
<li><a href="/blog/comment-policy/">Comment Policy</a></li>

<li><a href="/blog/todo-list/">Todo List</a></li>
</ul></li>
<li><h2>Archives</h2>
<ul>
<li><a href='/blog/2008/04/'>April 2008</a></li>

<li><a href='/blog/2008/03/'>March 2008</a></li>
<li><a href='/blog/2008/02/'>February 2008</a></li>
<li><a href='/blog/2008/01/'>January 2008</a></li>

</ul>
</li>
</ul>
</nav>
<footer>
<p>Copyright 2008 Hobo Web LTD</p>
</footer>
</body>

</html>

Sekian informasi yang bisa saya dapat tentang perbedaan dari HTML4 dan HTML5, Semoga bermanfaat yaaa :))
Sumber : http://ridwanbejo.wordpress.com/2010/01/07/bandingkan-html-5-dengan-html-sebelumnya/
 

Fitur-fitur HTML5 dan Implementasinya

Haiii ketemu  lagi deh sama anggi. Disini saya akan memberikan informasi tentang HTML5. Sebelumnya saya akan memberikan informasi apa itu sebenarnya HTML5.
HTML5 sendiri adalah sebuah bahasa  untuk menstrukturkan dan menampilkan isi dari WWW, yaitu sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.HTML5 akan menjadi standard baru untuk HTML.
Versi sebelumnya HTML, HTML 4.01, datang pada tahun 1999. Web telah banyak berubah sejak itu. HTML5 masih kerja dalam kemajuan. Walau bagaimanapun, pelayar utama menyokong banyak elemen HTML5 dan API yang baru.

Nah dalam HTML5 banyak kelebihan nya dibanding dengan versi HTML yang sebelum nya. Terdapat juga fitur fitus canggih pada HTML5.
Dengan HTML5, pengembangan aplikasi web adalah lebih mudah dibandingkan sebelumnya.
  • Penyimpanan data Lokal
  • File akses lokal
  • Lokal SQL database
  • Cache aplikasi
  •  Javascript karyawan
Fitur fitur terbaru dalam HTML5 adalah :
  • Elemen <canvas> untuk lukisan 
  • Unsur-unsur yang <video> dan <audio> untuk media pemutaran
  • Dukungan untuk penyimpanan lokal
  • Terdapat konten baru yang khusus elemen, seperti <article>, <footer>, <header>, <nav>, <section> 
  • Banyak bentuk kontrol terbaru, seperti kalender, tanggal, waktu, email, url, search .
Sekian sedikit informasi yang bisa saya berikan tentang HTML5. Semoga Bermanfaat yaaaa :) 

SUMBER : 
  • http://persatuanlamanwebmalaysia.com/ms.php?a=27 
  • http://id.wikipedia.org/wiki/HTML5

·         
·         
·        
 

our Friendship \(^.^)/

our Friendship \(^.^)/

About

mouse

Blogger templates

ANNISA ANGGI ISMANDIA, I'AM STUDENT AT GUNADARMA UNIVERSITY FACULTY OF TEHNICS