belajar apa saja tag element baru di html5

Semantic elemen

Spesifikasi HTML5 meliputi serangkaian elemen semantik baru yang digunakan untuk
memberikan makna beberapa untuk berbagai bagian atau bagian dari halaman web, seperti
header, footer, navigasi, dan sebagainya. Pada versi sebelumnya HTML, Anda akan
biasanya menggunakan elemen <div> untuk membuat bagian-bagian ini, menggunakan atribut ID atau kelas untuk
membedakan mereka dari satu sama lain. Masalah dengan hal ini adalah bahwa ini tidak memiliki semantik
yang berarti, karena tidak ada aturan ketat yang ditetapkan yang menentukan apa nama kelas atau ID
akan digunakan, sehingga sangat sulit untuk perangkat lunak untuk menentukan apa
wilayah tertentu lakukan. HTML5 harus membantu meringankan masalah ini, sehingga memudahkan
untuk browser Web untuk mengurai struktur semantik dari sebuah dokumen.
Perlu menunjukkan bahwa terus menggunakan elemen <div> dalam HTML5 adalah sempurna
berlaku, tetapi untuk pekerjaan Anda di masa depan-bukti, disarankan agar Anda menggunakan
semantik elemen mana yang relevan. Di sisi lain dari koin, disarankan juga
bahwa Anda menghindari menggunakan elemen baru untuk tujuan selain yang dimaksudkan mereka. Untuk Misalnya, unsur <nav> tidak boleh digunakan untuk sembarang kelompok link, melainkan
dimaksudkan untuk mengelilingi blok navigasi utama pada halaman.
Unsur-unsur semantik utama yang HTML5 memperkenalkan adalah:
<header>
Elemen ini digunakan untuk menentukan header untuk beberapa bagian dari halaman web, baik itu
seluruh halaman, unsur <article>, atau elemen <section>.
<footer>
Seperti elemen <header>, ini unsur baru mendefinisikan footer untuk beberapa bagian dari
halaman. footer A tidak harus disertakan pada akhir dari artikel, halaman, atau
bagian, tetapi biasanya tidak.
<nav>
Ini adalah wadah untuk link navigasi utama pada halaman Web. Ini
elemen tidak dimaksudkan untuk digunakan dengan semua kelompok link dan harus digunakan untuk
utama navigasi blok saja. Jika Anda memiliki elemen <footer> yang berisi
link navigasi, Anda tidak perlu untuk membungkus link tersebut dalam sebuah elemen <nav>, sejak
elemen <footer> akan cukup sendiri.
<article>
Unsur <article> digunakan untuk mendefinisikan item independen di halaman yang
dapat didistribusikan sendiri, seperti berita, posting blog, atau komentar.
item tersebut biasanya sindikasi menggunakan RSS feed.
<section>
Elemen ini merupakan bagian dari suatu dokumen atau aplikasi, seperti
bab atau bagian dari artikel atau tutorial. Sebagai contoh, bagian yang Anda
membaca sekarang bisa dikelilingi oleh elemen <section> di HTML5. <section>
elemen biasanya memiliki header, meskipun tidak benar dibutuhkan. Header
untuk bagian yang Anda baca ini akan berisi teks "Semantic
elemen, "misalnya.
<aside>
Elemen baru ini dapat digunakan untuk menandai sebuah sidebar atau konten lainnya yang
dianggap agak berbeda dengan isi di sekitarnya. Contoh dari ini
mungkin blok iklan.
<hgroup>
Dalam beberapa kasus, halaman, artikel, atau bagian mungkin memerlukan lebih dari satu pos,
seperti dimana Anda memiliki judul dan subtitle. Tutorial ini, misalnya, memiliki
judul "situs Web Buat modern menggunakan HTML5 dan CSS3" dan subjudul
"Menerapkan unsur-unsur kanvas dan video dalam HTML5." Anda bisa membungkus
ini dalam sebuah elemen <hgroup>, menggunakan elemen <h1> untuk judul utama dan
<h2> elemen untuk subjudul.

sumber:© Copyright IBM Corporation 2010. All rights reserved.
DOWNLOADS
Next PostPosting Lebih Baru Previous PostPosting Lama Beranda
Posting Komentar