Latest web development tutorials

HTML5 Tutorial

HTML

HTML5 adalah revisi HTML terbaru bulan Oktober 2014 oleh World Wide Web Consortium (W3C) standar selesai.

HTML5 dirancang untuk mendukung multimedia pada perangkat mobile.

HTML5 mudah dipelajari.

Apa HTML5?

HTML5 adalah generasi berikutnya dari standar HTML.

HTML, versi sebelumnya dari HTML 4.01 lahir pada tahun 1999. Sejak itu, dunia Web telah mengalami perubahan laut.

HTML5 masih dalam nya disempurnakan. Namun, sebagian besar browser modern sudah memiliki beberapa dukungan HTML5.

HTML5 adalah bagaimana untuk memulai?

W3C dan WHATWG HTML5 adalah hasil kerjasama, WHATWG berarti Web Application Technology Working Group Hypertext. .

WHATWG didedikasikan bentuk web dan aplikasi, dan W3C difokuskan pada XHTML 2.0. Pada tahun 2006, kedua belah pihak memutuskan untuk bekerja sama untuk membuat versi baru dari HTML.

HTML5 beberapa fitur baru yang menarik:

  • Untuk lukisan elemen kanvas
  • video dan audio elemen untuk media pemutaran
  • Dukungan yang lebih baik untuk penyimpanan secara offline lokal
  • elemen konten baru khusus, seperti artikel, footer, header, nav, section
  • bentuk kontrol baru, seperti kalender, tanggal, waktu, email, url, pencarian

HTML5 <! DOCTYPE>

<! DOCTYPE> deklarasi harus berada di baris pertama dari dokumen HTML5, sangat mudah digunakan:

<! DOCTYPE html>

Dokumen HTML5 Minimal

Berikut ini adalah dokumen HTML5 sederhana:

<! DOCTYPE html> <Html> <Head> <Meta charset = "utf-8"> <Title> Judul Dokumen </ title> </ Kepala> <Body> isi dokumen ...... </ body> </ Html>

Catatan: Untuk halaman web Cina perlu menggunakan <meta charset = "utf-8 "> pernyataan, jika tidak maka akan kacau.

peningkatan HTML5

  • unsur baru
  • properti baru
  • Dukungan penuh untuk CSS3
  • Video dan Audio
  • gambar 2D / 3D
  • toko lokal
  • Data SQL lokal
  • Aplikasi web

HTML5 Multimedia

Anda hanya dapat menggunakan pemutaran video HTML5 (video) dan audio (audio) di halaman.

HTML5 Aplikasi

Anda hanya dapat menggunakan pengembangan aplikasi HTML5

  • penyimpanan data lokal
  • Akses ke file lokal
  • Data SQL lokal
  • quote Cache
  • pekerja javascript
  • XHTMLHttpRequest 2

grafis HTML5

Gunakan HTML5 Anda dapat menggambar grafik:

Gunakan HTML5 CSS3

  • pemilih baru
  • properti baru
  • animasi
  • konversi 2D / 3D
  • fillet
  • efek bayangan
  • download font

Pelajari informasi CSS3 lebih lanjut silakan lihat situs CSS3 tutorial.

unsur semantik

HTML5 menambahkan banyak unsur semantik adalah sebagai berikut:

label deskripsi
<Pasal> Mendefinisikan area konten halaman terpisah.
<Selain> Menentukan halaman konten sidebar.
<BDI> Hal ini memungkinkan Anda untuk mengatur sepotong teks, arah teks jauh dari pengaturan induk elemen.
<Command> tombol kustom Command - seperti tombol radio, kotak cek atau tombol
<Detil> Rincian dari dokumen atau bagian untuk
<Dialog> Sesuaikan kotak dialog, seperti balon
<Ringkasan> Tag judul berisi rincian dari elemen
<Gambar> ketentuan terpisah streaming konten (gambar, grafik, foto, kode, dll).
<Figcaption> Definisi <figure> judul elemen
<Footer> Bagian didefinisikan atau dokumen footer.
<Header> Ini mendefinisikan daerah kepala dokumen
<Mark> teks didefinisikan dengan tanda.
<Meter> Definisi bobot dan ukuran. Dikenal hanya digunakan untuk mengukur nilai maksimum dan minimum.
<Nav> Mendefinisikan bagian link navigasi.
<Kemajuan> Didefinisikan jadwal setiap jenis tugas.
<Ruby> Definisi ruby ​​penjelasan (fonetik Cina atau karakter).
<Rt> karakter didefinisikan (Cina fonetik atau karakter) interpretasi atau pengucapan.
<Rp> Dalam penjelasan ruby ​​digunakan untuk menentukan konten tidak mendukung browser ruby ​​elemen ditampilkan.
<Bagian> Definisi dari bagian dokumen (bagian, bagian).
<Waktu> Tentukan tanggal atau waktu.
<Wbr> Ketentuan dalam teks mana yang tepat untuk menambahkan satu baris.

Bentuk HTML5

unsur-unsur baru bentuk, atribut baru, jenis masukan baru, verifikasi otomatis.

elemen dihapus

Berikut HTML 4.01 elemen di HTML5 telah dihapus:

  • <Akronim>
  • <Applet>
  • <Basefont>
  • <Big>
  • <Center>
  • <Dir>
  • <Font>
  • <Bingkai>
  • <Frameset>
  • <Noframes>
  • <Strike>

Contoh setiap bab

Melalui HTML editor kami, Anda dapat mengedit HTML, lalu klik tombol untuk melihat hasil.

contoh

<! DOCTYPE HTML> <Html> <Head> <Meta charset = "utf-8"> <Title> Tutorial ini (w3big.com) </ title> </ Kepala> <Body> <Video width = "320" height = "240" kontrol> <Sumber src = "movie.mp4" ketik = "video / mp4"> <Sumber src = "movie.ogg" ketik = "video / ogg"> Browser Anda tidak mendukung tag video. </ Video> </ Body> </ Html>

Coba »

Klik "Coba" tombol untuk melihat operasi online hasil.

HTML5 Dukungan Browser

Versi terbaru dari Safari, Chrome, Firefox dan Opera mendukung beberapa fitur HTML5. Internet Explorer 9 akan mendukung beberapa fitur HTML5.

versi browser IE9 kompatibel satu metode berikut HTML5, paket html5shiv menggunakan situs untuk sumber daya statis:

<! - [Jika lt IE9] > <script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script> <[endif] - ->

Setelah loading, inisialisasi dari CSS label baru:

/ * HTML5 * / Artikel, samping, dialog, footer, header, bagian, footer, nav, angka, menu {display: block }

Referensi HTML5

Dalam situs ini Anda dapat menemukan tag HTML5 dan atribut dijelaskan secara rinci silakan klik Reference Manual HTML5 .