April 30, 2015

HTML 5 SEMANTIC


HTML5 Semantic adalah beberapa tag baru yang diperkenalkan dalam HTML5 untuk mendukung struktur halaman yang lebih rapi. Beberapa elemen baru digunakan untuk mengurangi pemakaian tag <div>.
Elemen-elemen baru yang ditambahkan pada HTML5 adalah:
<article> : Menspesifikasikan konten yang bersifat independen, seperti artikel, blog post, forum post, dan sejenisnya.

<aside> : Digunakan untuk sebuah subkonten. Biasanya digunakan di dalam tag <article>.

<bdi> : Untuk teks yang tidak boleh terikat pada arah teks-elemen induknya .

<command> : Sebuah button, atau radiobutton, atau checkbox.

<details> : Untuk menjelaskan detail tentang sebuah dokumen atau sebagian dari dokumen.

<summary> : Digunakan pada sebuah ringkasan dan sejenisnya di dalam tag <details>

<figure> : Untuk mengelompokkan sekumpulan section, biasanya berupa video.

<figcaption> : Berisi caption/keterangan yang ditempatkan di dalam tag <figure>

<footer> : Digunakan sebagai footer dari sebuah halaman .

<header> : Digunakan sebagai header dari sebuah halaman .

<hgroup> : Digunakan untuk sekumpulan heading .

<mark> : Digunakan pada teks yang akan di highlight .

<meter> : Digunakan untuk pengukuran, dimana nilai maksimal dan minimal telah ditentukan .

<nav> : Digunakan untuk sekumpulan navigasi.

<progress> : Membuat Progress bar .

<ruby> : Digunakan untuk anotasi ruby .

<rt> : Untuk menjelaskan anotasi ruby .

<rp> : Menunjukkan elemen jika browser tidak mendukung ruby .

<section> : Untuk sebuah section di dalam halaman. Seperti Bab, Footer, dan sebagainya.

<time> : Untuk mendefinisikan waktu dan tanggal.

<wbr> : Word Break. Untuk memisah suatu kata bila diperlukan.

0 komentar:

Posting Komentar