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 | 63 | 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

Langkah Yang Tepat Belajar Webmaster

Langkah Yang Tepat Belajar Webmaster

Pernah tidak terlintas didalam otak anda dalam proses pembangunan sebuah website diinternet, nah apabila anda pernah berfikir hal demikian dan tertarik dalam dunia web...
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...
Database Migration Dalam Laravel

Database Migration Dalam Laravel

Migration atau database migration, adalah salah satu fitur yang cukup memudahkan kita ketika ada pembuatan atau perubahan pada tabel-tabel di database...
Perbedaan Antara Javascript dan jQuery

Perbedaan Antara Javascript dan jQuery

Hallo teman-teman, pada kesempatan kali ini kita akan belajar mengenai perbedaan Javascript dan jQuery. Seringkali kita dikeliru dengan 2 perbedaan ini terutama masala...
Mengenal Bootstrap Secara Menyeluruh

Mengenal Bootstrap Secara Menyeluruh

Mengenal bootstrap secara menyeluruh dan pengertian bagaimana memfungsikan php framework secara baik dan mengerti apa itu php framework menggunakan bo...
Mengenal Web Responsive, Sistem Desain Web Yang Cocok Untuk Toko Online Anda

Mengenal Web Responsive, Sistem Desain Web Yang Cocok Untuk Toko Online Anda

Jika Anda adalah seorang pengusaha yang sedang mengembangkan usaha online-nya, hanya mengandalkan website versi desktop saja belum cukup untuk meningkatkan penjualan A...

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...
Membuat Design Background Android

Membuat Design Background Android

Pada kesempatan kali ini kita akan membahas design didala...
Perbedaan Antara Javascript dan jQuery

Perbedaan Antara Javascript dan jQuery

Hallo teman-teman, pada kesempatan kali ini kita akan bel...
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...

Kategori

Berlangganan kabar terbaru dari Mataweb Media Teknologi.

Newsletter

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