pendahuluan HTML5

HTML5 merupakan kerjasama antara World Wide Web Consortium (W3C) dan Web Application Technology Working Group Hypertext (WHATWG).

WHATWG bekerja dengan bentuk web dan aplikasi, dan W3C bekerja dengan XHTML 2.0. Pada tahun 2006, mereka memutuskan untuk bekerja sama dan membuat versi baru dari HTML.

Beberapa aturan untuk HTML5 didirikan:

  • Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
  • Kebutuhan untuk plugin eksternal (seperti Flash) harus dikurangi
  • Penanganan kesalahan harus lebih mudah daripada versi sebelumnya
  • Scripting harus diganti dengan yang lebih markup
  • HTML5 harus perangkat-independen
  • Proses pembangunan harus terlihat untuk umum

Beberapa fitur baru yang paling menarik di HTML5 adalah:

  • The <canvas> elemen untuk gambar 2D
  • The <Video> dan <audio yang> elemen untuk media pemutaran
  • Dukungan untuk penyimpanan lokal
  • Elemen tertentu-konten baru, seperti <article>, <footer>, <header>, <nav>, <section>
  • Bentuk kontrol baru, seperti kalender, tanggal, waktu, email, url, cari

Memulai HTML5

Dalam HTML5 hanya ada satu DOCTYPE deklarasi, dan sangat sederhana: <!DOCTYPE html>

sehingga minimum tagnya
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title> Title of the document </title>
</head>

<body>
Content of the document……
</body>

</html>

Di bawah ini adalah daftar elemen HTML baru, diperkenalkan oleh HTML5, dan deskripsi apa yang mereka digunakan untuk.

The New <canvas> Elemen

Catatan: Link dalam tabel di bawah titik kami Referensi HTML5 . Namun, Anda akan belajar lebih banyak tentang elemen-elemen baru dalam tutorial ini.

Tag Description
<canvas> Defines graphic drawing using JavaScript

New Media Elements

Tag Description
<audio> Defines sound or music content
<embed> Defines containers for external applications (like plug-ins)
<source> Defines sources for <video> and <audio>
<track> Defines tracks for <video> and <audio>
<video> Defines video or movie content

Formulir Baru Elements

Tag Description
<datalist> Defines pre-defined options for input controls
<keygen> Defines a key-pair generator field (for forms)
<output> Defines the result of a calculation

New Semantic / Elemen Struktural

HTML5 menawarkan unsur-unsur baru untuk struktur yang lebih baik:

Tag Description
<article> Defines an article in the document
<aside> Defines content aside from the page content
<bdi> Defines a part of text that might be formatted in a different direction from other text outside it
<details> Defines additional details that the user can view or hide
<dialog> Defines a dialog box or window
<figcaption> Defines a caption for a <figure> element
<figure> Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer> Defines a footer for the document or a section
<header> Defines a header for the document or a section
<main> Defines the main content of a document
<mark> Defines marked or highlighted text
<menuitem> Defines a command/menu item that the user can invoke from a popup menu
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links in the document
<progress> Defines the progress of a task
<rp> Defines what to show in browsers that do not support ruby annotations
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby> Defines a ruby annotation (for East Asian typography)
<section> Defines a section in the document
<summary> Defines a visible heading for a <details> element
<time> Defines a date/time
<wbr> Defines a possible line-break

Elemen Dihapus

Berikut HTML 4.01 elemen telah dihapus dari HTML5:

  • <Acronym>
  • <Applet>
  • <Basefont>
  • <Big>
  • <Center>
  • <Dir>
  • <Font>
  • <Frame>
  • <Frameset>
  • <Noframes>
  • <Strike>
  • <Tt>

 

sumber : http://translate.google.co.id/translate?hl=id&sl=en&u=http://www.w3schools.com/html/html5_intro.asp&prev=/search%3Fq%3Dhtml%2B5%26client%3Dfirefox-a%26hs%3Ds4L%26rls%3Dorg.mozilla:en-US:official%26channel%3Dsb

You can skip to the end and leave a response. Pinging is currently not allowed.

Leave a Reply

Your email address will not be published. Required fields are marked *