Powered by Blogger.

Guest book

RSS

. . .

Selamat datang di blog resmi Budi Prasetyo... Sering-sering mampir yaaa ! ^_^

Fitur Baru HTML5


HTML5: Fitur baru


Assalamualaikum Wr. Wb.
Pada kesempatan kali ini saya akan menenjelaskan fakta-fakta mengenai fitur terbaru HTML5, langsung saja pada ke topik..
HTML 5 menambahkan banyak fitur baru untuk spesifikasi HTML. Dan apa yang lebih baik, sudah ada beberapa dukungan browser terbatas untuk fitur baru ini. Jika ada fitur yang membuat Anda tertarik, Lihatlah halaman Implementasi Wiki WHATWG (Web Hypertext Application Technology Working Group) untuk informasi tentang browser yang mendukung berbagai bagian dari spesifikasi.
DOCTYPE dan Charset
yang baru di HTML 5


Yang menyenangkan tentang HTML 5 adalah bagaimana mudahnya untuk impelement
asi. Anda menggunakan doctype HTML 5, yang sangat sederhana dan efisien:

<Doctype html!>

Ya, itu saja. Hanya dua kata "DOCTYPE" dan "html". Hal ini dapat sederhana karena HTML 5 tidak lagi bagian dari SGML, tetapi bukan bahasa markup
milik sendiri.

Karakter ditetapkan untuk HTML 5 yang efisien juga. Menggunakan UTF-8 dan Anda mendefinisikan dengan hanya satu tag meta:

<meta charset="UTF-8">

Struktur Baru HTML 5

HTML 5 mengakui bahwa halaman web memiliki struktur, seperti buku memiliki struktur XML atau dokumen lainnya. Secara umum, halaman Web memiliki navigasi, isi tubuh, dan konten sidebar ditambah header, footer, dan fitur lainnya. Dan HTML 5 telah menciptakan tag untuk mendukung elemen-elemen halaman.

    <section> - untuk menentukan bagian halaman
    <header> - mendefinisikan header dari halaman
    <footer> - mendefinisikan footer dari halaman
    <nav> - mendefinisikan navigasi pada halaman
    <article> - mendefinisikan artikel atau konten utama pada halaman
    <aside> - mendefinisikan konten tambahan seperti sidebar pada halaman
    <figure> - mendefinisikan gambar yang me
nambahkan keterangan sebuah artikel

Elemen Inline Baru HTML 5

Unsur-unsur inline mendefinisikan beberapa konsep dasar dan menjaga
nya agar tetap semantik dalam mark up, sebagian besar harus dilakukan dengan waktu:

    <mark> - untuk menunjukkan konten yang ditandai dalam beberapa cara
    <time> - untuk menunjukkan konten ya
itu waktu atau tanggal
    <meter> - untuk menunjukkan sebagian kecil konten dari
range yang dikenal - seperti penggunaan disk
    <progress> - untuk menunjukkan kemajuan tugas menuju penyelesaian

Dukungan Halaman Dinamis Baru HTML 5

HTML 5 ini dikembangkan untuk membantu para pengembang aplikasi Web, jadi ada banyak fitur baru untuk memudahkan membuat halaman HTML yang dinamis:
   
Menu Konteks  - HTML 5 akan mendukung penciptaan dan penggunaan menu konteks dalam halaman Web dan aplikasi
    href tidak diperlukan pada tag - ini memungkinkan Anda untuk menggunakan tag dengan skrip dan aplikasi Web tanpa membutuhkan tempat untuk mengirim jangkar yang
    Atribut async - ditambahkan ke tag script untuk memberitahu browser bahwa script harus dimuat asynchronous sehingga tidak memperlambat beban dan menampilkan seluruh halaman.
    <details> - memberikan rincian tentang elemen
dan akan menjadi seperti tooltips di non aplikasi Web.
    <datagrid> - membuat tabel yang dibangun dari database atau sumber dinamis lainnya
    <menu> - membawa kembali tag
lama dan memberikan kehidupan baru yang memungkinkan Anda untuk membuat sebuah sistem menu pada halaman Web Anda
    
<command> - mendefinisikan tindakan yang harus terjadi ketika sebuah unsur dinamis diaktifkan

Jenis Form Baru HTML 5

HTML 5 mendukung semua jenis bentuk input standar, tetapi menambahkan beberapa lagi:

  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url

Elemen Baru HTML 5
 
Ada beberapa elemen baru yang menarik dalam HTML 5:
    <canvas> - elemen untuk memberikan ruang gambar di JavaScript pada halaman web Anda. Hal ini dapat membiarkan Anda menambahkan gambar atau tips alat grafik atau hanya membuat
dinamik grafik pada halaman Web Anda, yang dibangun dengan cepat.
    <video> - menambahkan video ke halaman web Anda dengan tag sederhana.
    <audio> - menambahkan suara ke halaman web Anda dengan tag sederhana.

HTML 5 Menghapus Beberapa Elemen
 
Ada juga beberapa elemen dalam HTML 4 yang
tidak mendukung lagi di HTML 5. Kebanyakan sudah usang, sehingga seharusnya tidak mengejutkan, tetapi beberapa mungkin sulit untuk dihapuskan:
  • acronym
  • applet
  • basefont
  • big
  • center
  • dir
  • font
  • frame
  • frameset
  • isindex
  • noframes
  • noscript
  • s
  • strike
  • tt
  • u

Apakah Anda Siap untuk HTML 5?

HTML 5 menambahkan banyak fitur baru yang besar untuk halaman web dan desain web dan itu akan menarik ketika browser yang lebih mendukungnya. Microsoft telah menyatakan bahwa mereka akan mulai mendukung setidaknya bagian dari HTML 5 di Internet Explorer 8. Jika Anda ingin memulai lebih cepat, Opera telah memiliki dukungan terbaik, namun Safari di posisi terbelakang.
Terima kasih telah membaca artikel saya, mohon maaf jikalau terdapat kekurangan dan kesalahannya.
Wassalamualaikum Wr. Wb
Sumber: http://webdesign.about.com/od/html5/a/html_5_whats_new.htm


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Post a Comment