5 Teknik Dasar HTML5 yang Wajib Anda Ketahui

Dalam berbagai artikel dan contoh kode pada blog ini sudah diterapkan beberapa fitur baru yang ada di HTML5. Saat ini sebagian besar browser terbaru sudah mendukung fitur-fitur tersebut. Berikut ini adalah 5 teknik dasar HTML5 untuk membuat dokumen HTML Anda menjadi lebih singkat dan bersih.

1. Penulisan doctype pada awal sebuah dokumen HTML yang lebih singkat dan sederhana.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Dulu, hampir tidak mungkin ada seorang web developer yang hafal di luar kepala kode untuk menuliskan doctype di atas. Sekarang Anda dapat menggantinya dengan doctype berikut ini.

<!doctype html>

Sederhana sekali dan tidak perlu menuliskannya dengan huruf besar seperti orang sedang marah.

2. Penggunaan XML namespace dan atribut-atribut XML lain pada elemen html tidak diperlukan.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

Pada HTML5 cukup ditulis:

<html lang="en">

3. Pada HTML5 diperkenalkan cara baru untuk menyebutkan charset dokumen.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

Pada HTML5 menjadi:

<meta charset="utf-8">

4. Pada HTML5 kita bisa menulis tag script, style, dan link tanpa atribut type="text/javascript" dan type="text/css".

<script type="text/javascript">
  // kode javascript Anda di sini
</script>

Pada HTML5 cukup dituliskan seperti berikut:

<script>
  // kode javascript Anda di sini
</script>

5. Dokumen HTML5 tetap valid tanpa adanya slash ‘/’ pada self closing tag.

<img src="" alt="" />
<br />

Pada HTML5, tanda slash bisa dihilangkan.

<img src="" alt="">
<br>

Itulah 5 teknik dasar untuk membuat sebuah dokumen HTML5 yang valid dan memiliki syntax yang kompatibel dengan HTML4 dan XHTML1. Jadi tidak ada salahnya untuk menggunakannya dalam setiap website yang kita buat. Seperti yang Anda lihat, HTML5 membuat kode menjadi lebih singkat dan bersih, sehingga menghasilkan ukuran file yang lebih kecil. Ukuran file yang lebih kecil akan membuat website menjadi lebih ringan untuk diakses.


Catatan yang direkomendasikan:

About Sibudi

Ubuntu user | Loves books | Blogger | Web Developer | Learn PHP, JavaScript, Ruby & Python the hard way

11. May 2012 by Sibudi
Categories: HTML5 | Tags: , , | 3 comments

Comments (3)

  1. exitren says November 28, 2012 at 1:03 pm

    kalo gitu blogspot gak bisa valid html 5 dong

    Reply
  2. Agung Talaga says January 23, 2013 at 4:09 am

    Disnilah letak keterbatasan pengguna blogspot dalam mem-validkan kode template pada HTML 5. Pada template bawaan blogger aja sdh banyak errornya jika di validasi dengan HTML 5 apalagi template-template lain yg memang cara penulisannya kadang masih ada yg menggunakan format penulisan HTML 4 ke bawah. Hmmm…. jadi dilema nih antar melepaskan blogspot lalu milih sendiri aja layanan hosting domain atau masih mau bertahan dengan blogspot..

    Reply

Leave a Reply

Required fields are marked *