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 Desember 2019, 09:40:42 | 108 | 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

Apa itu Git?

Apa itu Git?

Git adalah sistem Version Control. Ada banyak sistem Version Control di luar sana: CVS, SVN, Mercurial, Fossil, dan, tentu saja, Git. Git berfungsi sebagai f...
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...
Berkenalan dengan Node JS

Berkenalan dengan Node JS

Berkenalan dengan Node JS - Hallo teman-teman kali ini kita akan membahas apa itu node js dan fungsi. Buat teman-teman yang baru belajar javascript mu...
Framework JavaScript Teratas di Tahun 2019

Framework JavaScript Teratas di Tahun 2019

Sejumlah besar bahasa pemrograman digunakan di seluruh dunia saat ini, masing-masing memiliki tujuan sendiri, kompleksitas dan manfaat. Tahukah Anda JavaScript saat in...
Ada apa dengan Python ?

Ada apa dengan Python ?

Saat ini Python mendapat perhatian lebih dari biasanya pada tahun ini dan menjadi salah satu bahasa pemrograman paling populer di dunia. Apakah ini pilihan y...
Eloquent Queries Dalam Laravel Programming

Eloquent Queries Dalam Laravel Programming

Laravel menawarkan salah satu implementasi Active-Record yang powerfull di dunia PHP.Katakanlah bahwa Anda memiliki tabel “Order”, bersama dengan model &ld...

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] }}