Kamis, 20 Desember 2012

Fitur-Fitur HTML5 dan Implementasinya



HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, 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 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak]] pembuat web.

HTML5 berawal dari kerjasama antara World Wide Web Consortium (W3C) dan Web Hypertext Permohonan Teknologi Kumpulan Kerja (WHATWG).
WHATWG bekerja dengan bentuk web dan aplikasi, dan W3C telah bekerja dengan XHTML 2.0. Pada tahun 2006, mereka memutuskan untuk bekerjasama dan mewujudkan versi baru HTML.

Beberapa peraturan untuk HTML5 telah ditubuhkan:

  • Ciri-ciri baru perlu berdasarkan HTML, CSS, DOM, dan JavaScript    
  • Mengurangkan keperluan untuk plugins luaran (seperti Flash)
  • Kesilapan yang lebih baik pengendalian
  • Markup Lebih untuk menggantikan skrip
  • HTML5 harus peranti bebas
  • Proses pembangunan perlu dilihat kepada orang awam

Fitur fitur terbaru dalam HTML5 yaitu :
  • 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 .


Aplikasi HTML5
Dengan HTML5, pembangunan aplikasi web adalah lebih mudah berbanding sebelum ini
  • Penyimpanan data Lokal
  • Fail akses tempatan
  • Tempatan SQL pangkalan data
  • Cache aplikasi
  • Javascript pekerja
  • XHTMLHttpRequest 2


Tag yang ada pada HTML5 diantaranya ;

<! - ... ->
Mentakrifkan komen

<! DOCTYPE>
Mentakrifkan jenis dokumen

<a>
Mentakrifkan hiperpautan

<abbr>
Mentakrifkan singkatan

<acronym>
Tidak disokong dalam HTML5. Mentakrifkan sapaan

<address>
Mentakrifkan maklumat hubungan untuk pengarang / pemilik dokumen

<applet>
Tidak disokong dalam HTML5. Dikecam dalam HTML 4.01. Mentakrifkan applet tertanam

<area>
Mentakrifkan kawasan di dalam peta imej-

<article>
Mentakrifkan artikel

<aside>
Mendefinisikan kandungan selain dari kandungan halaman

<audio>
Mentakrifkan kandungan bunyi

<b>
Mentakrifkan teks tebal

<base>
Menentukan URL asas / sasaran untuk semua URL relatif dalam dokumen

<basefont>
Tidak disokong dalam HTML5. Dikecam dalam HTML 4.01. Menetapkan warna lalai, saiz, dan fon untuk semua teks dalam dokumen

<bdi>
Mengasingkan sebahagian daripada teks yang mungkin akan diformat dalam arah yang berbeza dari teks lain di luar

<bdo>
MENGGANTIKAN arah teks semasa

<big>
Tidak disokong dalam HTML5. Mentakrifkan teks besar

<blockquote>
Mentakrifkan seksyen yang dipetik daripada sumber yang lain

<body>
Mentakrifkan badan dokumen

<br>
Mentakrifkan baris tunggal

<button>
Mentakrifkan butang diklik

<canvas>
Digunakan untuk menarik grafik, on the fly, melalui skrip (biasanya JavaScript)

<caption>
Mentakrifkan kapsyen jadual

<center>
Tidak disokong dalam HTML5. Dikecam dalam HTML 4.01. Mentakrifkan teks berpusat

<cite>
Mentakrifkan tajuk kerja

<code>
Mentakrifkan sekeping kod komputer

<col>
Menentukan sifat lajur untuk setiap lajur dalam unsur <colgroup>

<colgroup>
Menentukan kumpulan satu atau lebih lajur dalam jadual untuk format

<command>
Mentakrifkan butang arahan yang pengguna boleh sembah

<datalist>
Menentukan senarai pilihan yang telah ditetapkan untuk kawalan input

<dd>
Mentakrifkan Penerangan item dalam senarai definisi

<del>
Mentakrifkan teks yang telah dipadam dari dokumen

<details>
Mentakrifkan butiran tambahan bahawa pengguna boleh melihat atau menyembunyikan

<dfn>
Mentakrifkan istilah definisi

<DIR>
Tidak disokong dalam HTML5. Dikecam dalam HTML 4.01. Mentakrifkan senarai direktori

<div>
Mentakrifkan seksyen dalam dokumen

<dl>
Mentakrifkan senarai definisi

<dt>
Mentakrifkan istilah (item) dalam senarai definisi

<em>
Mentakrifkan teks ditekankan

<embed>
Mentakrifkan bekas untuk permohonan luar (bukan HTML)

<fieldset>
Kumpulan elemen berkaitan dalam bentuk

<figcaption>
Mentakrifkan kapsyen untuk elemen <figure>

<figure>
Menentukan kandungan layan-diri

<FONT>
Tidak disokong dalam HTML5. Dikecam dalam HTML 4.01. Mentakrifkan fon, warna, dan saiz untuk teks

<footer>
Mentakrifkan pengaki untuk dokumen atau seksyen

<form>
Mentakrifkan bentuk HTML untuk input pengguna

<frame>
Tidak disokong dalam HTML5. Mentakrifkan tetingkap (bingkai) dalam frameset

<frameset>
Tidak disokong dalam HTML5. Mentakrifkan set bingkai

<h1> untuk <h6>
Mentakrifkan tajuk HTML

<kepala>
Mentakrifkan maklumat mengenai dokumen

<header>
Mentakrifkan header untuk dokumen atau seksyen

<hgroup>
Kumpulan menuju (<h1> untuk <h6>) elemen

<hr>
Mentakrifkan perubahan tema dalam kandungan

<html>
Mentakrifkan akar dokumen HTML

<i>
Mentakrifkan sebahagian daripada teks dengan suara alternatif atau mood

<iframe>
Mentakrifkan bingkai sebaris

<img>
Mentakrifkan imej

<input>
Mentakrifkan kawalan input

<ins>
Mentakrifkan teks yang telah dimasukkan ke dalam dokumen

<kbd>
Mentakrifkan input papan kekunci

<keygen>
Mentakrifkan bidang penjana key-sepasang (untuk bentuk)

<label>
Mentakrifkan label untuk elemen <input>

<legend>
Mentakrifkan kapsyen untuk <fieldset>, <angka>, atau elemen <details>

<li>
Mentakrifkan item senarai

<link>
Mentakrifkan hubungan antara dokumen dan sumber luaran (yang paling digunakan untuk menghubungkan kepada style sheet)

<map>
Mentakrifkan client-side-peta imej

<mark>
Mentakrifkan teks yang ditanda / diserlahkan

<menu>
Mentakrifkan senarai / menu arahan

<meta>
Mentakrifkan metadata tentang dokumen HTML

<meter>
Mentakrifkan ukuran skalar dalam lingkungan yang dikenali (tolok)

<nav>
Mentakrifkan Pautan navigasi

<noframes>
Tidak disokong dalam HTML5. Mentakrifkan kandungan alternatif bagi pengguna yang tidak menyokong bingkai

<noscript>
Mentakrifkan kandungan alternatif bagi pengguna yang tidak menyokong skrip client-side

<object>
Mentakrifkan objek terbenam

<ol>
Mentakrifkan senarai diperintahkan

<optgroup>
Mentakrifkan kumpulan pilihan yang berkaitan dalam senarai drop-down

<option>
Mentakrifkan pilihan dalam senarai drop-down

<output>
Mentakrifkan hasil daripada pengiraan

<p>
Mentakrifkan perenggan

<param>
Mentakrifkan parameter bagi sesuatu objek

<pre>
Mentakrifkan teks diformat

<progress>
Mewakili kemajuan tugas

<q>
Mentakrifkan petikan pendek

<rp>
Mentakrifkan apa untuk menunjukkan dalam pelayar yang tidak menyokong anotasi ruby

<rt>
Mentakrifkan penjelasan / sebutan aksara (tipografi Asia Timur)

<ruby>
Mentakrifkan anotasi ruby ??(tipografi Asia Timur)

<s>
Mentakrifkan teks yang tidak lagi betul

<samp>
Mentakrifkan output sampel dari program komputer

<script>
Mentakrifkan skrip client-side

<section>
Mentakrifkan seksyen dalam dokumen

<select>
Mentakrifkan senarai drop-down

<small>
Mentakrifkan teks kecil

<source>
Mentakrifkan pelbagai sumber media untuk unsur-unsur media (<video> dan <audio>)

<span>
Mentakrifkan seksyen dalam dokumen

<strike>
Tidak disokong dalam HTML5. Dikecam dalam HTML 4.01. Mentakrifkan teks batal

<strong>
Mentakrifkan teks penting

<style>
Mentakrifkan maklumat gaya untuk dokumen

<sub>
Mentakrifkan teks subscripted

<summary>
Mentakrifkan tajuk dilihat untuk elemen <details>

<sup>
Mentakrifkan teks ditandakan

<table>
Mentakrifkan jadual

<tbody>
Kumpulan kandungan badan dalam jadual

<td>
Mentakrifkan sel dalam jadual

<textarea>
Mentakrifkan kawalan input multiline (kawasan teks)

<tfoot>
Kumpulan kandungan pengaki dalam jadual

<th>
Mentakrifkan sel pengepala dalam jadual

<thead>
Kumpulan kandungan pengepala dalam jadual

<time>
Mentakrifkan tarikh / masa

<title>
Mentakrifkan tajuk untuk dokumen

<br
Mentakrifkan berturut-turut dalam jadual

<track>
Mentakrifkan trek teks unsur-unsur untuk media (<video> dan <audio>)

tt
Tidak disokong dalam HTML5. Mentakrifkan teks teletip

<u>
Mentakrifkan teks yang harus stylistically berbeza daripada teks biasa

<ul>
Mentakrifkan senarai tidak tertib

<var>
Mentakrifkan pembolehubah

<video>
Mentakrifkan video atau filem

<wbr>
Mentakrifkan mungkin line break


Sumber :

Tidak ada komentar:

Posting Komentar