021-5421-2191 / 085100084723 WhatsApp info@matawebsite.com
Home Blog Berhentilah menggunakan begitu banyak div!

Berhentilah menggunakan begitu banyak div!


Berhentilah menggunakan begitu banyak div!
17 December 2019, 09:40:42 | 28 | Sakti

Kita semua sering menggunakan tag <div> ketika membuat kerangka HTML . Div sudah ada selama beberapa dekade dan selama beberapa dekade div telah menjadi elemen penentu ketika Anda perlu membungkus beberapa elemen lainnya dalam blok untuk style atau keperluan struktural. Masih sangat umum untuk melihat-lihat banyak situs web  dan melihat hal-hal seperti ini:

<div class="container" id="header">
    <div class="header header-main">Super duper best blog ever</div>
    <div class="site-navigation">
        <a href="/">Home</a>
        <a href="/about">About</a>
        <a href="/archive">Archive</a>
    </div>
</div>
<div class="container" id="main">
    <div class="article-header-level-1">
        Why you should buy more cheeses than you currently do
    </div>
    <div class="article-content">
        <div class="article-section">
            <div class="article-header-level-2">
                Part 1: Variety is spicy
            </div>
            <!-- cheesy content -->
        </div>
        <div class="article-section">
            <div class="article-header-level-2">
                Part 2: Cows are great
            </div>
            <!-- more cheesy content -->
        </div>
    </div>
</div>
<div class="container" id="footer">
    Contact us!
    <div class="contact-info">
        <p class="email">
            <a href="mailto:us@example.com">us@example.com</a>
        </p>
        <div class="street-address">
            <p>123 Main St., Suite 404</p>
            <p>Yourtown, AK, 12345</p>
            <p>United States of America</p>
        </div>
    </div>
</div>

Hoo, banyak sekali <div>, Ini memiliki struktur yang dibutuhkan, dan kita yakin itu akan terlihat seperti yang Kita inginkan.

Salah satu kemajuan utama dalam HTML5 adalah memperkenalkan seperangkat elemen semantik standar . Istilah "semantik" mengacu pada makna dari sebuah kata atau suatu hal, sehingga "unsur-unsur semantik" adalah elemen yang dirancang untuk mark up struktur dokumen secara lebih bermakna. Dan yang penting, karena terstandarisasi, elemen-elemen ini mendefinisikan dokumen dengan cara yang dapat digunakan dan dipahami semua orang, termasuk robot sekalipun.Spesifikasi HTML5 sendiri meringkas masalah dengan baik dalam catatan di bawah definisi <div>elemen, yang dibakukan pola menjadi empat elemen baru dalam HTML5 dengan nama yang sangat jelas: <header>, <main>, <footer>, dan <section>.

Artikel Terkait

Efek slide pada jQuery Mobile Latihan ketiga

Efek slide pada jQuery Mobile Latihan ketiga

Hallo teman-teman, kali ini kita akan membahas penggunaan efek slide pada jQuery Mobile. Artikel ini adalah kelanjutan dari artikel sebelumnya yang membahas “lin...
Apa itu ReactJS dan Mengapa Kita Harus Menggunakan ReactJS?

Apa itu ReactJS dan Mengapa Kita Harus Menggunakan ReactJS?

ReactJS adalah open-source JavaScript library yang digunakan untuk membangun antarmuka pengguna khusus untuk aplikasi satu halaman ( Single Page Applications
Pengenalan PostgreSQL

Pengenalan PostgreSQL

PostgreSQL adalah sistem database objek-relasional open source yang sangat kuat, dimana memiliki lebih dari 15 tahun fase pengembangan aktif dan arsitektur yang terbuk...
Apa itu OneSignal ?

Apa itu OneSignal ?

OneSignal adalah layanan yang memungkinkan notifikasi push, mengabstraksikan detail seperti platform yang digunakan perangkat. Dengan 
Pengenalan Web Socket

Pengenalan Web Socket

Web dibangun berdasarkan gagasan bahwa pekerjaan klien adalah meminta data dari server, dan tugas server adalah memenuhi permintaan itu. Paradigma ini tidak terta...
Perbandingan Android Studio dan Eclipse

Perbandingan Android Studio dan Eclipse

Hallo teman, kali ini kita akan membahas tetang editor pembuatan android. Banyak sebenarnya editor yang dapat kita pakai untuk membangun aplikasi android tersebut. Aka...

Popular

Manfaat Iklan PPC Untuk Bisnis Online

Manfaat Iklan PPC Untuk Bisnis Online

Di era saat ini perkembangan teknologi mulai meningkat. s...
Apa itu Eclipse

Apa itu Eclipse

Eclipse adalah platform yang telah dirancang untuk memban...
6 Situs Penyedia Template Website Berbayar Tepercaya Asal Indonesia

6 Situs Penyedia Template Website Berbayar Tepercaya Asal Indonesia

Tidak sedikit orang yang mencari daftar situs yang menyed...
Perbedaan Antara Javascript dan jQuery

Perbedaan Antara Javascript dan jQuery

Hallo teman-teman, pada kesempatan kali ini kita akan bel...
Membuat Design Background Android

Membuat Design Background Android

Pada kesempatan kali ini kita akan membahas design didala...

Kategori

Berlangganan kabar terbaru dari Mataweb Media Teknologi.

Newsletter

{{ formErrors['emailnewsletter'][0] }}