Pengertian HTML 5

HTML singkatan dari Hyper Tesk Markup Language adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis dari sebuah halaman web. Didalam file HTML terdapat beberapa “tag” atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor.

Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki tampilan yang sama walaupun saat pembuatannya menggunakan satu OS tertentu saja.

HTML telah melalui banyak revisi, dan untuk itu, sekarang HTML 5 sudah mulai dikembangkan dan digunakan.

HTML 5 ini dipublikasikan oleh HTML Working Group di tanggal 23 April, yang membebaskan developer ketika akan menulis aplikasi untuk system operasi yang spesifik

Kelebihan dan kekurangan HTML 5

Beberapa kelebihan yang dijanjikan pada HTML 5:

• Dapat ditulis dalam sintaks HTML (dengan tipe media teks/html) dan XML.
• Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
• Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana.
• Penulisan kode yang lebih efisien.
• 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:

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

Atribut baru di HTML 5

Dikenalkan pula beberapa atribut baru, seperti:

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

Perubahan makna elemen

Ada beberapa elemen yang berubah makna, diantaranya:

• 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.
• Elemen strong menegaskan level kepentingan, bukan sekadar penekanan emphasis lagi.
• Elemen hr dapat digunakan untuk memisahkan level paragraf sesuai pokok pikirannya.
• dan lain-lain.

Elemen dan atribut yang tidak digunakan

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

• center,
• font
• strike, u, big
• frame, frameset, noframes
• acronym
• longdesc
• scope pada td

Contoh HTML 5

Yang membedakan dari html biasa adalah:

• Tidak perlu lagi memakai
• Deklarasi adalah ‘case-insensitive’. Tidak harus huruf besar/kapital semua.

Browser yang Mendukung HTML

• Opera Web Browser (mulai dari Opera 9.2 sampai yang terbaru saat ini yaitu opera 10)
• Safari (mulai dari versi 3.1)
• FireFox (Mulai dari FireFox 3 )
• Google Chrome (Mulai dari versi 3)
• Internet Explorer (Mulai dari versi 8 )
  Sumber : http://setiawanputu.blogspot.com/2010/07/pengertian-html-5-dan-elemen-elemennya.html

Membuat Judul Posting Membuka Tab Baru Saat Diklik

Membuat Judul Posting Membuka Tab Baru Saat Diklik kata para SEO Master kurang berdampak positif, katanya SEO yang buruk. Bagaimana pendapat sobat, kalau saya Judul posting yang membuka tab baru saat diklick akan memudahkan pengunjung agar tidak bolak balik pada home page, atau posingan, jadi lebih untung kan, So buat temen2 yang ingin membuat judul posting membuka tab baru saat di klik atau bahasa kerennya open new tab tittle post kalau tidak keliru saya he2

Langsung log

Menuju Design ato rancangan

Menuju Edit HTML

Download template penuh untuk backup

Untuk kamu pecandu mozilla gunakan Ctrl + F cari kode ini

Kode 1

<a expr:href='data:post.url'><data:post.title/></a>

Penting :

Untuk template SEO Friendly berbeda kodenya seperti ini :

 Kode 2

<a expr:href='data:post.url'  expr:title='data:post.title'><data:post.title/></a>


Jadi perhatikan, jika link judul posting sobat ada title atau keterangannya, maka cari no2, jika tidak no.1. Bingung? silakan buka cara membuat keterangan pada judul posting. Di sana akan dijelaskan caranya.


Jika udah cukup ditambah target blank di belakang data post url. Maka kodenya menjadi
Hasil Kode 1

<a expr:href='data:post.url' target='_blank'><data:post.title/></a>

atau kalau kode no2 menjadi seperti ini

Hasil Kode 2

<a expr:href='data:post.url' target='_blank' expr:title='data:post.title'><data:post.title/></a>

Nah gimana gan, apakah judul posting jika diklik sudah membuka halaman baru atau belum, 

Seperti itulah cara membuat Judul Posting Membuka Tab Baru. Semoga bermanfaat.

Membuat Judul Posting Berkedip

Langsung saja cara Membuat Judul Posting Berkedip atau blink-blink

cari kode judul ini

<a expr:href='data:post.link'><data:post.title/></a>

Tambahkan kode blink di depannya  sehingga menjadi 

<blink><a expr:href='data:post.link'><data:post.title/></a></blink> 

Lanjut dengan mencari 

<a expr:href='data:post.url'><data:post.title/></a>

Tambahkan juga kode blink di depannya sehingga menjadi 

<blink><a expr:href='data:post.url'><data:post.title/></a></blink>

Nah, hanya seperti itulah cara membuat judul posting berkedip. Selamat mencoba

  

Menampilkan Judul Posting Pada Label dan Arsip

Dari judulnya saja Menampilkan Judul Posting Pada Label dan Arsip di atas sudah ketahuan maksudnya. Yap intinya kita hanya membuat Judul Posting Pada Label dan Arsip saja. Ini bertujuan untuk menghemat waktu loading blog kita untuk dijelajahi pengunjung. Sehingga blog kita mudah dan komplit untuk di pelajari.

OK langsung saja cara menampilkan Judul Posting Pada Label dan Arsip. Cara ini saya dapatkan dari blog bukan rahasia tapi sudah saya edit dengan penambahan title agar lebih SEO. Kata para master gitu gan.

Berikut cara Menampilkan Judul Posting Pada Label dan Arsip

1. Masuk ke dashboard > Design/Rancangan > Klik 'expand widget template'.

2. Cari kode: <b:include data='post' name='post'/> (Ctrl+F)

3. Ganti dengan script ini:

<!--Judul post saja di label dan arsip-->
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></h3>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<h3 class='title-only'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>
<!--sejuta trik.blogspot.com-->

4. Save template HTML.
5. Tunggu ame bener2 loadingnya selesai lho gan,
6. Coba dicek hasilnya dengan klik salah satu label dan arsip



*Jika ingin menampilkan judul posting saja khusus di label, ambil perintah pada b if cond label dan b include posting saja:

<!--Judul posting saja di label-->
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!--sejuta trik.blogspot.com-->

*Jika ingin menampilkan judul posting saja khusus di arsip, ambil perintah pada b if cond archive dan b include posting saja:

 <!--Judul posting saja di arsip-->
 <b:if cond='data:blog.pageType == "archive"'>
    <h3 class='title-only'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></a></h3> 

<b:else/> 

<b:include data='post' name='post'/> 

</b:if> 

<!--sejuta trik.blogspot.com-->

-Cara memasukkan scriptnya sama dengan cara yang telah disebutkan di atas.

Nah seperti itulah Cara Menampilkan Judul Posting Pada Label dan Arsip semoga berhasil dan bermanfaat!