Tata Letak HTML

  1. › 
  2. ›  ›  › 
  3. Tata Letak HTML

Layout (Tata Letak) Utama dalam dokumen HTML.

Pada dokumen HTML (halaman web) terdapat elemen-elemen dengan posisi tertentu yang berperan sebagai semantik (semantic).
Semantik dalam HTML adalah bagian-bagian utama dari sebuah dokumen yang menjelaskan susunan dokumen tersebut, atau disebut dengan elemen semantik (Semantic Element).
Elemen semantik inilah yang menjadi dasar susunan tata letak (Layout) dokumen HTML (halaman web.)

Fungsi Elemen Semantik:
Mempermudah seleksi elemen dalam pengelompokan serta pengaturan style elemen melalui CSS, karena secara otomatis mengurangi penggunaan atribut elemen dan membuat penulisan tag menjadi lebih singkat dan praktis.

Daftar elemen semantik HTML

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>
CATATAN :
Elemen <html>, <head> dan <body> TIDAK termasuk didalam daftar elemen semantik karena elemen tersebut adalah "bagian tubuh" yang tidak dapat dipisahkan dari dokumen HTML. Sedangkan elemen semantik hanya membentuk susunan tata letak untuk mengatur posisi elemen konten.
Susunan Tata Letak (Layout) HTML.

Diantara elemen semantik yang tertera diatas, beberapa diantaranya sangat populer digunakan.
Dibawah ini struktur susunan tata letak yang terbentuk dari elemen semantik populer tersebut.

<html>
<head>

Elemen ini beserta seluruh konten didalamnya, TIDAK ditampilkan.

<meta/>
<link/>
<style/>
<header>
<nav>
<body>
<main>
<section>
<time>
<article>
<aside>
Elemen ini umum digunakan sebagai bilah samping
<footer>

Komentar

Posting Komentar