Jumat, 25 Mei 2012

html5 blogger template>


HTML5 adalah Generasi selanjutnya dari HTML sebelumnya. HTML5 diciptakan dalam pengembangan bahasa HTML untuk memperbaiki konten dan memperbarui teknologi multimedia yang sudah ada pada HTML 4 dan versi sebelumnya agar mudah dijalankan oleh browser dan mudah dimengerti. HTML5 merupakan kerjasama antara World Wide Web Consortium (W3C) dan Web Hypertext Application Teknologi Working Group (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 yaitu HTML5.Struktur HTML5 adalah sebagai berkut :


<!DOCTYPE html>
<html>
<head>
<title>Judul</title>
</head>
<body> Isi dan Konten </body>
</html>

Penambahan Tag baru pada HTML5 (Semantic/Structural Elements baru pada HTML5)

<article> Mendefinisikan sebuah artikel
<aside> Mendefinisikan isi selain dari konten halaman
<bdi> Isolat bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luar itu
<command> Mendefinisikan sebuah tombol perintah bahwa seorang pengguna dapat meminta
<details> Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<summary> Mendefinisikan sebuah judul terlihat untuk elemen <details>
<figure> Menentukan mandiri konten, seperti ilustrasi, diagram, foto, daftar kode, dll
<figcaption> Mendefinisikan sebuah caption untuk elemen <figure>
<footer> Mendefinisikan footer untuk dokumen atau bagian
<header> Mendefinisikan sebuah header untuk dokumen atau bagian
<hgroup> Grup seperangkat <h1> untuk elemen <h6> ketika pos memiliki beberapa tingkat
<mark> Mendefinisikan teks ditandai / disorot
<meter> Mendefinisikan pengukuran skalar dalam kisaran dikenal (gauge)
<nav> Mendefinisikan navigasi link
<progress> Merupakan kemajuan tugas
<ruby> Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur)
<rt> Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
<rp> Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby
<section> Mendefinisikan sebuah bagian dalam sebuah dokumen
<time> Mendefinisikan tanggal / waktu
<wbr> Mendefinisikan sebuah kemungkinan garis-break
<audio> Mendefinisikan isi suara
<video> Mendefinisikan sebuah video atau film
<source> Mendefinisikan beberapa sumber daya media untuk <video> dan <audio>
<embed> Mendefinisikan sebuah wadah untuk aplikasi luar atau konten interaktif (plug-in)
<track> Mendefinisikan trek teks untuk <video> dan <audio>
<canvas> Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (JavaScript biasanya)
<datalist> Menentukan daftar yang telah ditentukan pilihan untuk kontrol input
<keygen> Mendefinisikan sebuah field kunci-pasangan generator (untuk bentuk)
<output> Mendefinisikan hasil perhitungan

Penghapusan Tag pada HTML5

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>
<u>

Sumber : www.w3schools.com dan id.wikipedia.org

Related Posts:

  • SEO Blog Yang Terseok SeokSudah hampir 2 tahun nge blog di blogger.com dengan blogspot tidak terasa, usia ngeblog yang lumayan tinggi jika memang menggeluti dunia web design, tapi selama ini cuma ngabisi waktu cuma buat posting buat artikel baru tanpa… Read More
  • Cara Compress Kode Html Css Dan Javascript Pada Template BlogspotCompress Html Css Dan Javascript pada template bloggger khususnya blogspot bisa dilakukan dengan mudah asal tahu bagian yang harus dicompress atau diperkecil ukurannya. Pada tiap template selalu terdiri dari bagian Head, body… Read More
  • Cara Buat Readmore Tanpa Javascript Di BlogspotMengurangi penggunaan javascript akan mengurangi beban loading blog pada browser, dan akan membantu meningkatkan pagespeed blog, bisa juga mengkompres fies javascript untuk memperkecil ukuran files javascript. tapi lebih b… Read More
  • Cara Hapus Tulisan Showing Posts With Labels Blogspot   1. Login blogger.com 2. Go to Dashboard --> Template --> Edit HTML 3. Klik Expand Widget Template (backup template) 4. Cari kode seperti dibawah ini pada template :     <b:includable id='st… Read More
  • Cara Remove Loading Gear Dinamic TemplateBuat sahabat blogger yang menggunakan tampilan Dynamic Views pada template blog nya terkadang ditanya atau bahkan kadang bertanya pada diri sendiri ketika mencoba mem views kan halaman blog nya yang menggunakan Dynamic tem… Read More

0 comments:

Posting Komentar

Arsip Blog

Visitor

25495815
Popular Posts

Donate To Me On Paypal

https://www.paypal.me/riyanto1971