Saturday, April 07, 2012

Upgrade HTML ke HTML5 Uptodate

Upgrade HTML ke HTML5 Uptodate

Assalamu'alaikum warkhmatullahi wabarakatuh. Sahabat blogger yang dicintai Allah SWT, berikut ini harapan saya untuk Anda yang akan melakukan upgrade HTML mari kita perbaharui HTML kita agar lebih baik sebagaimana para pengembang HTML. Kita menuju dunia baru dengan HTML5 agar dapat diakses lebih cepat meskipun masih terdapat kendalan bahwa ada search enggine yang belum elegant mengakses web type HTML5 namun ini adalah masa evolusi pragramer yang kita harus mampu mengikutinya. Seperti juga dalam blog ini satu sisi template telah menuju ke HTML5 namun tag HTML versi HTML1 masih melekat adanya. Butuh waktu untuk menuju kepada perubahan, pelan tapi pasti kita harus mampu menyesuaikannya dengan perintah sesuai harapan para pengembangnya.

Terdapat hal-hal yang lebih efektif dan efisien dalam tag HTMK, yang jelas lebih ringkas dan mudah membuatnya. berikut ini akan saya reciew pendapat dari teman saya di http://anggacatch.wordpress.com yang telah menulis hal serupa sebagai berikut :

Kelebihan HTML 5:

  1. Dapat ditulis dalam sintaks HTML (dengan tipe media teks/html) dan XML.
  2. Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
  3. Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana.
  4. Penulisan kode yang lebih efisien.
  5. Dapat dimengerti oleh peramban lawas (backwards compatible). Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi.

Elemen Baru di HTML 5:

Demi mewujudkan struktur halaman web yang lebih baik semantik dan aksesibilitasnya, dikenalkanlah beberapa elemen baru, diantaranya:

  1. section serupa seperti h1-h6.
  2. article bisa berupa entri blog atau tulisan konten.
  3. aside menyajikan konten pelengkap.
  4. header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi.
  5. footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya.
  6. Dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk menyajikan percakapan.
  7. yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas dan elemen terkait berkas multimedia lainnya.

Dikenalkan pula beberapa atribut baru, seperti:

  1. atribut media, ping pada elemen pranala,
  2. autofocus, placeholder, required, autocomplete dan sebagainya, terkait elemen input dan form
  3. reversed pada elemen ol untuk urutan besar ke kecil.

Ada beberapa elemen yang berubah makna, diantaranya:

  1. Elemen b dilegalkan sebagai tipografi penegas, seperti pada kata kunci yang ingin ditonjolkan, tidak ‘deprecated’ (bukan fitur yang dianggap usang). Tidak lebih dari itu. Jadi tetap tidak bermakna semantik tertentu. Hal yang sama berlaku pula untuk elemen i.
  2. Elemen strong menegaskan level kepentingan, bukan sekadar penekanan emphasis lagi.
  3. Elemen hr dapat digunakan untuk memisahkan level paragraf sesuai pokok pikirannya.

Berikut ini beberapa elemen dan atribut yang tidak lagi muncul pada HTML 5:

  1. center,
  2. font
  3. strike, u, big
  4. frame, frameset, noframes
  5. acronym
  6. longdesc
  7. scope pada td

Sebagai gambaran (menurut anggacatch) kode HTML yang akan kita ubah dengan HTML5. Contohnya seperti berikut. Ketika kita ingin membuat sebuah template biasanya membuat struktur seperti ini


<script type="text/javascript" src="http://cruzenaldo.com/jquery.js"></script></pre> <h1>Welcome To My <a title="Blog" href="http://budiridwin.web.id/home/category/blog-2/">Blog</a></h1> <pre> Bagian artikel

Sekarang kita lihat pada bagian awal HTML seperti ini :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">

pada html5 tidak perlu lagi mengetik panjang-panjang, dengan html5dapat di persingkat atau di perbaharui seperti ini


<!DOCTYPE html>

Simple bukan? sekarang kita lihat bagian berikut misalnya :


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

Kita bisa merubahnya menjadi seperti berikut ini :


<meta charset="utf-8" />

Kemudian pada bagian style, kita sudah gak membutuhkan lagi type=”text/css” nya untuk HTML5 jadi ubah saja menjadi seperti berikut.


<style>
* { margin:0px; padding:0px;}
</style>

Hal tersebut juga berlaku pada tag "script" seperti berikut :


<script type="text/javascript" src="http://html5.com/jquery.js"></script>

Demikian sekilas info tentang HTML upagrade bagi kita yang segera hengkang ke HTML5 silahkan untuk lebih memperdalam agat dunia kita tidak ketinggalan. Termasuk blog ini juga dalam rangka upgrade ke HTML5, mudah-mudahan tidak sekedar latah tapi memang ada usaha untuk menuju kepada keseriusan melakukan perubahan agar lebih baik.
Perlu diketahui bahwa ternyata dengan HTML5 hampir tidak memerlukan kompresi file HTML, karena didalam HTML5 sudah ringkas dan ringan untuk diakses. Yang menjadi persoalan kadang terjadi crash antara html1 dengan HTML5 dalam penggunaan tag HTML karena keterbatasan saya seperti penggunaan tag <center>, <H>, tag <div> dll. Semoga akses ini dapat menjadikan penggugah bagi Anda yang ingin melakukan pembaharuan dan terima kasih atas kunjungannya serta terima kasih atas komentar terbaiknya.
Wassalamu'alaikum warakhmatullahi wabarakatuh.


Sukses Blogger Indonesia !!!
Sumber: http://wikipedia.org/new/mengatasi+DMCA.html


Bergabunglah untuk cari uang tak berbelit-belit!

Join wazzub Now

1 comment:

Terimakasih Anda telah silaturakhim keblog ini dengan misi didaktik metodik pembelajaran di SMK, sehingga setiap saat dapat berubah sesuai kompetensi Pembelajaran. Silahkan berikan komentar yang sangat berharga demi kemajuan blog ini. Sehubungan dengan hak cipta apabila ada konten Anda disini dengan rendah hati saya mohon ijin memuatnya dan jika tidak berkenan mohon konfirmasinya, Mari berbagi untuk info yang manfaat dan belajar sepanjang hayat, salam sukses buat Anda dan keluarga!!! Klik gambar emoticon berikut jika Anda ingin menggunakannya.



Tahukah Anda bagaimana menjadi marketter yang bijak,hebat dan tepat?
daftarkan segera hari ini silahkan klik img bergoyang dibawah!!!

Formula Bisnis ClickBank
Marilah Tukar Link Untuk Meningkatkan Performance Blog/Web dengan membuka tombol berikut untuk melihat link Anda yang "Sukses!!!" :

Tukar Link Untuk Meningkatkan Performance Blog/Web

Mari kita tukar link secara otomatis untuk meningkatkan rank kita bersama.
Terima kasih atas kebersamaannya untuk menjalin kesetiakawanan,seia dan sekata kita.
Masuklah Anda ke Contact Formuntuk tukar link atau
untuk cek link-bunner sahabat di Link Partner atau kesini saja Kapten untuk silaturahmi bersama teman lainnya.
Adapun link saya seperti berikut ini:
<a href="http://s-surya62.blogspot.com"title="Free blog tutorials on toko information HTML and CSS"target="_blank">Info Toko Surya62</a>



Join Wazzub Now

Silahkan masukkan kode HTML(bebas)jangan lebih dari 50 baris,kemudian klik"convert",
maka akan didapat kode HTML yang siap di posting dan selanjutnya Anda hanya mencopy hasilnya.
Editlah pada program notepad atau wordpad terlebih dahulu ya...

bisnis syariah

Apabila anda ingin menkonvert lengkap encoding dan decoding online
silahkan kunjungi situs Encode/Decode HTML Entities kesini
Salam Pershabatan Selalu dari saya di Info Toko Surya62

MARI MAJU BERSAMA MEMBANGUN BANGSA DENGAN AKHLAQUL KARIMAH
Online Job for All. Work from home computer.