468x60 Ads

PERBEDAAN HTML 5 DENGAN HTML SEBELUMNYA


Pengertian HTML 
HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World wide  Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

HTML 5
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.

Pengembangan standar baru untuk web ini didorong oleh kelompok Web Hypertext Application Technology Working Group (WHATWG), yaitu sebuah kelompok kerja yang terdiri dari wakil para pengembang browser utama dari Google, Apple, Mozilla und Opera. Menurut rencana, sepesifikasi untuk HTML 5 diterapkan mulai tahun ini (1999) menggantikan Standar HTML 4.01. Salah satunya adalah menerapkan elemen HTML 5 yang mampu menggambar atau manipulasi geometri di web. Fitur penting lain misalnya kemudahan mengintegrasikan Video, Audio dan aplikasi lain menggunakan HTML 5.

Browser support HTML5
HTML5 adalah tidak lagi standard rasmi, dan tiada pelayar mempunyai sokongan HTML5 penuh.
Tetapi semua pelayar utama (Safari, Chrome, Firefox, Opera, Internet Explorer) terus untuk menambah ciri-ciri HTML5 baru untuk versi terbaru mereka.
Tentang Spesifikasi HTML 5
Spesifikasi HTML 5 Spesifikasi HTML 5 menjabarkan vokabular yang dapat ditulis dalam dua sintak yaitu html dan XML yang disesuaikan dengan kebutuhan pemrogram, pasar atau aplikasi. 

HTML SEBELUMNYA

Vokabular HTML dari jaman sebalumnya (HTML+, HTML 2.0, HTML 3.2) umumnya ditulis menggunakan aturan sintak SGML. Pada HTML 4 telah diterapkan dua sintak yaitu: SGML (disebut sebagai HTML 4.01) dan XML (disebut XHTML 1.0).

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>

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:
  1. Section: Sebuah bagian atau bab dalam sebuah buku, sebuah bagian dalam sebuah bab, atau pada dasarnya apa pun yang memiliki pos sendiri dalam HTML 4
  2. Header: header Halaman yang ditampilkan pada halaman , tidak sama dengan unsur kepala
  3. Footer: Halaman footer di mana baik cetak pergi; tanda tangan dalam sebuah pesan e-mail
  4. Nav: Koleksi link ke halaman lain
  5. Article: Sebuah entri independen dalam sebuah blog, majalah, ringkasan, dan sebagainya
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.

49 komentar:

{ Unknown } at: 28 September 2015 pukul 18.05 mengatakan...

kaka izin copas

{ Unknown } at: 30 September 2015 pukul 19.28 mengatakan...

Ijin copas

{ rinawidiasari } at: 1 Oktober 2015 pukul 00.02 mengatakan...

izin copas ya kak...

{ Ferawati } at: 1 Oktober 2015 pukul 19.54 mengatakan...

kaka izin copas ya

{ RIMA FERDILLA RAMADHANTY } at: 1 Oktober 2015 pukul 21.05 mengatakan...

Izin copas ya ka

{ sintasukmawati566@gmail.com } at: 2 Oktober 2015 pukul 20.25 mengatakan...

ijin copas kaka :) sintaosin199.blogspot.com

{ Unknown } at: 24 Agustus 2016 pukul 17.23 mengatakan...

Izin copas boss

{ Admin } at: 25 Agustus 2016 pukul 17.31 mengatakan...

Bermanfaat. Suwuuun lur

{ Admin } at: 25 Agustus 2016 pukul 17.31 mengatakan...

Bermanfaat. Suwuuun lur

{ Unknown } at: 29 September 2016 pukul 07.47 mengatakan...

izin copas

{ Unknown } at: 20 Februari 2017 pukul 22.16 mengatakan...

nyimak aja hehe :D ..
ijin copas :) (kodinginweb.blogspot.com)

{ Unknown } at: 7 Maret 2017 pukul 00.52 mengatakan...

thx

{ Si Batak } at: 18 April 2017 pukul 10.40 mengatakan...

Izin kompas.. 😁😁😀

{ Penulis Sainsz } at: 27 Mei 2017 pukul 00.14 mengatakan...

terimakasih artikelnya sangat bermanfaat, kunjungi juga https://sainsz.blogspot.com/

{ Unknown } at: 13 Desember 2017 pukul 22.36 mengatakan...

ijin kopas

{ Ririnnursafitri } at: 11 Maret 2019 pukul 22.08 mengatakan...

erima kasih min, sangat berguna singkat jelas dan padat, 1822500024 Ririn Nursa Fitri https://ririn.mahasiswa.ac.id dan website kampus saya http://www.atmaluhur.ac.id

{ juniardi marliansyah } at: 11 Maret 2019 pukul 23.32 mengatakan...

terima kasih banyak bos ku atas jawabannya, semoga bermanfaat untuk saya dan juga orang lain 1822500117 juniardi @juniardi https://sites.google.com/mahasiswa.atmaluhur.ac.id/juniardimarliansyah/beranda => https://marlian.mahasiswa.atmaluhur.ac.id/

{ Andika Irawan } at: 12 Maret 2019 pukul 20.10 mengatakan...

thx... gan atas bantuannya saya bisa menjawab tugas yg diberikan 1822500089 http://dika.mahasiswa.atmaluhur.ac.id/ dan web kampus saya http://www.atmaluhur.ac.id/

{ juniardi marliansyah } at: 12 Maret 2019 pukul 22.00 mengatakan...

terima kasih banyak bos ku atas jawaban, semoga bermanfaat dengan saya dan juga orang lain 1822500117 juniardi @juniardi https://sites.google.com/mahasiswa.atmaluhur.ac.id/juniardimarliansyah/beranda => https://marlian.mahasiswa.atmaluhur.ac.id/

{ Dicky Sanjaya } at: 13 Maret 2019 pukul 00.19 mengatakan...

Kamsia ya min atas infonya saya jadi tau bahwa Html5 dan html itu ada bedanya, 1822500100 Dicky Sanjaya https://sanjaya.mahasiswa.atmaluhur.ac.id dan website kampus saya http://atmaluhur.ac.id

{ Tiaras } at: 13 Maret 2019 pukul 02.02 mengatakan...

thanks gan, infonya sagat membantu tugas kampus saya,1822500107 Tiara Shinta
hhtps://tiaras.mahasiswa.atmaluhur.ac.id, website kampus saya,hhtp://www.atmaluhur.ac.id

{ taniayulanda } at: 13 Maret 2019 pukul 02.21 mengatakan...

terimakasih atas penjelasanya , sangat membantu saya dalam mengerjakan tugas kampus. 1822500065 Titan nia yulanda . https://taniayulanda.mahasiswa.ac.id dan website kampus saya http://www.atmaluhur.ac.id

{ Rada Suhendra } at: 13 Maret 2019 pukul 09.08 mengatakan...

Trimakasih gan, saya jd tau menjawab tugas Apa perbedaan HTML5 dengan HTML 5? Versi HTML5 atau HTML 5 yang umum digunakan sekarang.. 1822500161 Rada Suhendra https://radasuhendra.mahasiswa.atmaluhur.ac.id/dan webside kampus saya http://www.atmaluhur.ac.id

{ delilah deva } at: 13 Maret 2019 pukul 22.50 mengatakan...

terima kasih gan atas penjelasannya 1822500115 Deva Delilah https://deva.mahasiswa.atmaluhur.ac.id dan website kampus saya http://www.atmaluhur.ac.id

{ Dicky Sanjaya } at: 14 Maret 2019 pukul 00.01 mengatakan...

Kamsia gan atas infonya saya jadi tau letak perbedaan HTML5 dan HTML 5 ada di mana, 1822500100 Dicky Sanjaya https://sanjaya.mahasiswa.atmaluhur.ac.id dan website kampus saya http://atmaluhur.ac.id

{ Rapli } at: 14 Maret 2019 pukul 00.54 mengatakan...

makasih gan jadi menambah ilmu Rapli Ramandani 1822500188 https://sites.google.com/a/... websites kampus http://www.atmaluhur.ac.id

{ Unknown } at: 14 Maret 2019 pukul 05.35 mengatakan...

terimakasih ya Kak berkat artikel ini, saya jadi tahu dalam menjawab tugas yang diberikan oleh dosen saya. saya 1822500181 rizal ardhi https://rizalardhi.mahasiswa.atmaluhur.ac.id dan website kampus saya http://www.atmaluhur.ac.id

{ Zahra Idhria } at: 14 Maret 2019 pukul 07.54 mengatakan...

makasih ya kak,dengan artikel ini saya jdi terbantu dgn tugas yang diberikan ... 1822500094 Nizhra Izdaharia https://sites.google.com/mahasiswa.atmaluhur.ac.id/nizra => https://nizra.mahasiswa.atmaluhur.ac.id dan http://www.atmaluhur.ac.id

{ Monalisa } at: 14 Maret 2019 pukul 08.11 mengatakan...

Terimakasih ya kak atas penjelasannya, ini sangat membantu Saya dalam mengerjakan tugas kampus Saya. 1822500038 Monalisa https://monalisa.mahasiswa.atmaluhur.ac.id dan Website kampus Saya http://www.atmaluhur.ac.id

{ septi } at: 14 Maret 2019 pukul 08.12 mengatakan...

makasih kak penjelasaanya 1822500150 septiani https://septi.mahasiswa.atmaluhur.ac.id website kampus saya http://www.atmaluhur.ac.id

{ Monalisa } at: 14 Maret 2019 pukul 08.37 mengatakan...

Terimakasih ya kakak atas penjelasannya, ini sangat membantu Saya dalam mengerjakan tugas kampus Saya yang telah diberikan oleh Dosen Saya. 1822500038 Monalisa https://monalisa.mahasiswa.atmaluhur.ac.id dan Website kampus Saya http://www.atmaluhur.ac.id

{ elisssa } at: 14 Maret 2019 pukul 10.28 mengatakan...

terimakasih atas penjelasan dan infonya 1822500164 elisa ramdani http://elisa.mahasiswa.atmaluhur.ac.id/ dan website kampus saya http://www.atmaluhur.ac.id

{ Larasati } at: 14 Maret 2019 pukul 13.34 mengatakan...

terimakasih atas penjelasannya sangat bermanfaat buat orang banyak
1822500149 Larasati
https://atik.mahasiswa.atmaluhur.ac.id dan website kampus saya
http://www.atmaluhur.ac.id

{ Unknown } at: 14 Maret 2019 pukul 22.28 mengatakan...

makasih agan udah buat blog nya,bisa lebi tau tentang perangkat lunak 1822500072 desi natalia https://desinatalia.mahasiswa.atmaluhur.ac.id dan website kampus saya http://www.atmaluhur.ac.id

{ Sadila septiani } at: 19 Maret 2019 pukul 20.52 mengatakan...

makasih ya kak,dengan artikel ini saya jadi terbantu dgn tugas yang diberikan .. 1822500125 Sadila Septiani http://sadila.mahasiswa.atmaluhur.ac.id/ dan website kampus saya http://www.atmaluhur.ac.id

{ ariska febrianti } at: 19 Maret 2019 pukul 21.46 mengatakan...

makasih ya kak,dengan artikel ini saya jadi terbantu dgn tugas yang diberikan .. 1822500075 ariska febrianti http://ariska.mahasiswa.atmaluhur.ac.id/ dan website kampus saya http://www.atmaluhur.ac.id

{ Citra pratiwi } at: 19 Maret 2019 pukul 22.09 mengatakan...

Terimakasih ya kak dengan artikel ini saya jadi terbantu dengan tugas yang telah diberikan. Citra Pratiwi 1822500124 http://citrapratiwi.mahasiswa.atmaluhur.ac.id/ dan website kampus saya http://www.atmaluhur.ac.id

{ Okkalinar } at: 19 Maret 2019 pukul 22.20 mengatakan...

terima kasih kak atas informasi dan penjelasannya, berkat web ini saya jadi tau lbh banyak dan dapat mengerjakan tugas yang diberikan :)
Okkalinar Triadisti 1822500189, https://okkalinarrr.mahasiswa.atmaluhur.ac.id/ dan website kampus saya http://www.atmaluhur.ac.id/

{ Unknown } at: 19 Maret 2019 pukul 22.28 mengatakan...

Terimakasih ya kak atas informasin dan penjelasannya, dengan ini saya bisa mengerjakan tugas yang diberikan :) 1822500123 Alfina http://alfina.mahasiswa.atmaluhur.ac.id/ dan website kampus saya http://www.atmaluhur.ac.id

{ Unknown } at: 20 Maret 2019 pukul 03.09 mengatakan...

Terimakasih author untuk penjelasannya, saya jadi mengerti dan bisa menjawab tugas dari dosen saya.
1422500144 – Regina Noviani
https://reginanoviani.mahasiswa.atmaluhur.acid
dan website kampus saya http://www.atmaluhur.ac.id

{ esa dhea } at: 20 Maret 2019 pukul 03.12 mengatakan...

terima kasih atas penjelasannya dan infonya 1822500081 http://esa.mahasiswa.atmaluhut.ac.id/ dan website kampus saya http://ww.atmaluhur.ac.id

{ Ismoe Iman Muhammad } at: 20 Maret 2019 pukul 07.14 mengatakan...

terima kasih atas penjelasannya dan infonya 1822500174 http://ismoe.mahasiswa.atmaluhut.ac.id/ dan website kampus saya http://ww.atmaluhur.ac.id

{ Ismoyo } at: 20 Maret 2019 pukul 07.36 mengatakan...

terimakasih gan atas penjelasannya,,ini sangat membantu saya dalam mengerjakan tugas saya.1822500009 http://ismoyo.mahasiswa.atmaluhur.ac.id dan website kampus saya http://www.atmaluhur.ac.id

{ Unknown } at: 20 Maret 2019 pukul 07.56 mengatakan...

makasih ya gan atas penjelasannya, saya jadi tau dalam menjawab tugas yang diberikan... 1822500156 Arisal Yudhistiro http://1822500156@mahasiswa.atmaluhur.ac.id/dan website kampus saya http://www.atmaluhur.ac.id

{ Joni } at: 20 Maret 2019 pukul 08.14 mengatakan...

makasih ya gan atas penjelasannya, saya jadi tau dalam menjawab tugas yang diberikan... 1822500070 joni kristiawan http://joni.mahasiswa.atmaluhur.ac.id/dan website kampus saya http://www.atmaluhur.ac.id

{ Andri noviansyah } at: 20 Maret 2019 pukul 09.34 mengatakan...

makasih ya gan atas penjelasannya, saya jadi tau dalam menjawab tugas yang diberikan... 1822500085 http://andri.mahasiswa.atmaluhur.ac.id/dan website kampus saya http://www.atmaluhur.ac.id

{ Alfindra } at: 20 Maret 2019 pukul 13.29 mengatakan...

Terimakasih atas penjelasannya saya jadi bisa menjawab tugas yang diberikan. 1822500134 Alfindra https://alfindra.mahasiswa.atmaluhur.ac.id dan website kampus saya https//www.atmaluhur.ac.id

{ Unknown } at: 21 Maret 2019 pukul 09.30 mengatakan...

Terimakasih atas penjelasannya saya jadi bisa mengerjakan tugas saya 1822500170 Fadillah Achmad http://fadhil.mahasiswa.atmaluhur.ac.id/dan website kampus saya http://www.atmaluhur.

{ Unknown } at: 8 April 2019 pukul 23.27 mengatakan...

Terimakasih atas penjelasannya saya jadi bisa mengerjakan tugas saya 1822500165 Irena Finarti Putri http://irena.mahasiswa.atmaluhur.ac.id/ dan website kampus saya http://www.atmaluhur.ac.id

Posting Komentar