Elemen dalam HTML adalah sebuah komponen yang menyusun dokumen HTML. Elemen kadang juga disebut sebagai node, karena ia merupakan salah satu jenis node yang menyusun dokumen HTML dalam diagram HTML tree.
Pada diagram tersebut, terdapat tiga macam node.. yakni: Node elemen, Node atribut, dan Node teks. Elemen dibentuk dari tag pembuka, isi tag, dan tag penutup. Kadang juga ditambahkan beberapa atribut.
Contoh :
Pada contoh di atas, terdapat satu elemen <p> dengan atribut align="center" dan memiliki isi berupa teks, yakni Hello World!. Elemen tidak selalu berisi teks, kadang juga akan berisi elemen lain. Ini biasanya kita sebut dengan nested element atau elemen di dalam elemen.
Bila digambarkan dalam bentuk kotak persegi, maka akan terlihat seperti ini:
Jenis-Jenis Elemen HTML
Main root
| Elemen | Keterangan |
|---|---|
<html> |
Elemen <html> HTML mewakili root (elemen level teratas) dari dokumen HTML, sehingga juga disebut sebagai elemen root. Semua elemen lainnya harus merupakan turunan dari elemen ini. |
Metadata dokumen
Metadata berisi informasi tentang halaman. Ini termasuk informasi tentang gaya, skrip, dan data untuk membantu perangkat lunak (mesin telusur, browser, dll.) Menggunakan dan merender laman. Metadata untuk gaya dan skrip dapat ditentukan di halaman atau link ke file lain yang memiliki informasi tersebut.
| Elemen | Keterangan |
|---|---|
<base> |
Elemen HTML <base> menentukan URL dasar yang akan digunakan untuk semua URL relatif dalam dokumen. |
<head> |
Elemen <head> HTML berisi informasi (metadata) yang dapat dibaca mesin tentang dokumen, seperti title, script, dan style sheets. |
<link> |
Elemen Tautan Sumber Daya Eksternal HTML (<link>) menentukan hubungan antara dokumen saat ini dan sumber daya eksternal. Elemen ini paling sering digunakan untuk menautkan ke CSS, tetapi juga digunakan untuk membuat ikon situs (baik ikon gaya "favicon" dan ikon untuk layar beranda dan aplikasi di perangkat seluler) antara lain. |
<meta> |
Elemen <meta> HTML mewakili Metadata yang tidak dapat direpresentasikan oleh elemen terkait meta HTML lainnya, seperti base, link, script, style, atau title. |
<style> |
Elemen HTML <style> berisi informasi gaya untuk dokumen, atau bagian dari dokumen. |
<title> |
Elemen Title HTML (<title>) mendefinisikan judul dokumen yang ditampilkan di title bar Browser atau tab halaman. |
Membelah akar
| Elemen | Keterangan |
|---|---|
<body> |
Elemen <body> HTML mewakili konten dokumen HTML. Hanya ada satu elemen <body> dalam sebuah dokumen. |
Pembagian konten
Elemen pembagian konten memungkinkan kita untuk mengatur konten dokumen menjadi bagian yang logis. Kita dapat menggunakan elemen bagian untuk membuat garis besar konten halaman , termasuk navigasi header dan footer, dan elemen heading untuk mengidentifikasi bagian konten.
| Elemen | Keterangan |
|---|---|
<address> |
Elemen <address> HTML menunjukkan bahwa HTML tertutup memberikan informasi kontak untuk seseorang atau beberapa orang, atau untuk suatu organisasi. |
<article> |
Elemen <article> HTML mewakili komposisi mandiri dalam dokumen, halaman, aplikasi, atau situs, yang dimaksudkan agar dapat didistribusikan atau digunakan kembali secara independen (misalnya, dalam sindikasi). |
<aside> |
Elemen HTML <aside> mewakili bagian dari dokumen yang isinya hanya terkait secara tidak langsung dengan konten utama dokumen. |
<footer> |
Elemen HTML <footer> merepresentasikan footer untuk konten bagian terdekat atau elemen root bagian. Footer biasanya berisi informasi tentang penulis bagian, data hak cipta, atau tautan ke dokumen terkait. |
<header> |
Elemen <header> HTML mewakili konten pengantar, biasanya sekelompok alat bantu pengantar atau navigasi. Ini mungkin berisi beberapa elemen heading tetapi juga logo, formulir pencarian, nama penulis, dan elemen lainnya. |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
Elemen HTML <h1> - <h6> mewakili enam tingkat judul bagian. <h1> adalah level bagian tertinggi dan <h6> adalah yang terendah. |
<hgroup> |
Elemen <hgroup> HTML mewakili tajuk multi-level untuk bagian dokumen. Ini mengelompokkan satu set elemen <h1> - <h6>. |
<main> |
Elemen <main> HTML mewakili konten dominan dari badan dokumen. Area konten utama terdiri dari konten yang secara langsung terkait atau memperluas topik sentral dokumen, atau fungsionalitas sentral aplikasi. |
<nav> |
Elemen HTML <nav> mewakili bagian dari halaman yang tujuannya adalah untuk menyediakan link navigasi, baik di dalam dokumen saat ini atau ke dokumen lain. Contoh umum bagian navigasi adalah menu, daftar isi, dan indeks. |
<section> |
Elemen HTML <section> mewakili bagian mandiri generik dari sebuah dokumen, yang tidak memiliki elemen semantik yang lebih spesifik untuk mewakilinya. |
Text
Kita dapat menggunakan elemen konten teks HTML untuk mengatur blok atau bagian konten yang ditempatkan di antara tag pembuka <body> dan penutup </body>. Ini penting untuk aksesibilitas dan SEO, elemen-elemen ini mengidentifikasi tujuan atau struktur konten tersebut.
| Elemen | Keterangan |
|---|---|
<blockquote> |
Elemen <blockquote> HTML (atau HTML Block Quotation Element) menunjukkan bahwa teks yang dilampirkan adalah kutipan yang diperpanjang. Biasanya, ini ditampilkan secara visual dengan lekukan. URL untuk sumber kutipan dapat diberikan menggunakan atribut cite, sedangkan representasi teks dari sumber dapat diberikan menggunakan elemen cite. |
<dd> |
Elemen HTML <dd> memberikan deskripsi, definisi, atau nilai untuk istilah sebelumnya (dt) dalam daftar deskripsi (dl). |
<div> |
Elemen Divisi Konten HTML (<div>) adalah wadah umum untuk konten aliran. Ini tidak berpengaruh pada konten atau tata letak sampai ditata dengan cara tertentu menggunakan CSS (misalnya gaya diterapkan langsung padanya, atau beberapa jenis model tata letak seperti Flexbox diterapkan ke elemen induknya). |
<dl> |
Elemen HTML <dl> mewakili daftar deskripsi. Elemen menyertakan daftar kelompok istilah (ditentukan menggunakan elemen dt) dan deskripsi (disediakan oleh elemen dd). Kegunaan umum elemen ini adalah untuk mengimplementasikan glosarium atau menampilkan metadata (daftar pasangan nilai kunci). |
<dt> |
Elemen HTML <dt> menentukan istilah dalam daftar deskripsi atau definisi, dan karena itu harus digunakan di dalam elemen dl. |
<figcaption> |
Elemen <figcaption> atau Keterangan Gambar HTML merepresentasikan keterangan atau legenda yang mendeskripsikan konten lainnya dari elemen gambar induknya. |
<figure> |
Elemen HTML <figure> merepresentasikan konten mandiri, kemungkinan dengan caption opsional, yang ditentukan menggunakan elemen (figcaption). |
<hr> |
Elemen <hr> HTML mewakili jeda tematik antara elemen tingkat paragraf: misalnya, perubahan adegan dalam cerita, atau pergeseran topik dalam suatu bagian. |
<li> |
Elemen HTML <li> digunakan untuk mewakili item dalam daftar. |
<ol> |
Elemen <ol> HTML mewakili daftar item yang diurutkan - biasanya dirender sebagai daftar bernomor. |
<p> |
Elemen HTML <p> mewakili sebuah paragraf. |
<pre> |
Elemen <pre> HTML mewakili teks yang telah diformat sebelumnya yang akan disajikan persis seperti yang tertulis dalam file HTML. |
<ul> |
Elemen <ul> HTML mewakili daftar item yang tidak berurutan, biasanya dirender sebagai daftar berpoin. |
Inline text
Kita mengunakan inline text HTML untuk menentukan arti, struktur, atau gaya kata, baris, atau sembarang bagian teks.
| Elemen | Keterangan |
|---|---|
<a> |
Elemen HTML <a> (atau elemen anchor), dengan atribut hrefnya, membuat hyperlink ke halaman web, file, alamat email, lokasi di halaman yang sama, atau apa pun yang dapat dialamatkan URL. |
<abbr> |
Elemen Singkatan HTML (<abbr>) mewakili singkatan atau akronim; atribut judul opsional dapat memberikan perluasan atau deskripsi untuk singkatan tersebut. |
<b> |
Elemen HTML Bring Attention To (<b>) digunakan untuk menarik perhatian pembaca ke konten elemen, yang tidak diberikan kepentingan khusus. |
<bdi> |
Elemen Isolasi Dua Arah HTML (<bdi>) memberi tahu algoritme dua arah browser untuk memperlakukan teks yang dikandungnya secara terpisah dari teks di sekitarnya. |
<bdo> |
Elemen HTML Bidirectional Text Override (<bdo>) menimpa arah teks saat ini, sehingga teks di dalamnya dirender ke arah yang berbeda. |
<br> |
Elemen HTML <br> menghasilkan jeda baris dalam teks. Ini berguna untuk menulis puisi atau alamat, di mana pembagian baris penting. |
<cite> |
Elemen Kutipan HTML (<cite>) digunakan untuk mendeskripsikan referensi ke karya kreatif yang dikutip, dan harus menyertakan judul karya tersebut. |
<code> |
Elemen <code> HTML menampilkan isinya yang ditata dengan gaya yang dimaksudkan untuk menunjukkan bahwa teks tersebut adalah penggalan pendek dari kode komputer. |
<data> |
Elemen <data> HTML menautkan bagian konten tertentu dengan terjemahan yang dapat dibaca mesin. Jika konten berhubungan dengan waktu atau tanggal, elemen waktu harus digunakan. |
<dfn> |
Elemen Definisi HTML (<dfn>) digunakan untuk menunjukkan istilah yang didefinisikan dalam konteks frasa atau kalimat definisi. |
<em> |
Elemen HTML <em> menandai teks yang memiliki penekanan tekanan. Elemen <em> dapat disarangkan, dengan setiap tingkat penyarangan menunjukkan tingkat penekanan yang lebih besar. |
<i> |
Elemen Teks Idiomatik HTML (<i>) mewakili rentang teks yang dipisahkan dari teks normal karena alasan tertentu, seperti teks idiomatik, istilah teknis, sebutan taksonomi, dan lain-lain. |
<kbd> |
Elemen Input Keyboard HTML (<kbd>) mewakili rentang teks sebaris yang menunjukkan input pengguna tekstual dari keyboard, input suara, atau perangkat entri teks lainnya. |
<mark> |
Elemen HTML Mark Text (<mark>) mewakili teks yang ditandai atau disorot untuk tujuan referensi atau notasi, karena relevansi atau pentingnya bagian yang ditandai dalam konteks yang melingkupinya. |
<q> |
Elemen HTML <q> menunjukkan bahwa teks terlampir adalah kutipan sebaris pendek. Kebanyakan browser modern menerapkan ini dengan mengapit teks dalam tanda kutip. |
<rb> |
Elemen HTML Ruby Base (<rb>) digunakan untuk membatasi komponen teks dasar dari anotasi ruby, yaitu teks yang sedang dianotasi. |
<rp> |
Elemen HTML Ruby Fallback Parenthesis (<ri>) digunakan untuk memberikan tanda kurung mundur untuk browser yang tidak mendukung tampilan anotasi ruby menggunakan elemen ruby. |
<rt> |
Elemen HTML Ruby Text (<rt>) menentukan komponen teks ruby dari anotasi ruby, yang digunakan untuk memberikan informasi pengucapan, terjemahan, atau transliterasi untuk tipografi Asia Timur. Elemen <rt> harus selalu berada di dalam elemen ruby. |
<rtc> |
Elemen HTML Ruby Text Container (<rtc>) mencakup anotasi semantik dari karakter yang disajikan dalam ruby elemen rb yang digunakan di dalam elemen ruby. Elemen rb dapat memiliki anotasi pengucapan (rt) dan semantik (rtc). |
<ruby> |
Elemen <ruby> HTML mewakili anotasi kecil yang dirender di atas, di bawah, atau di samping teks dasar, biasanya digunakan untuk menunjukkan pengucapan karakter Asia Timur. Ini juga dapat digunakan untuk membuat anotasi jenis teks lain, tetapi penggunaan ini kurang umum. |
<s> |
Elemen HTML <s> merender teks dengan coretan, atau garis melaluinya. Gunakan elemen <s> untuk merepresentasikan hal-hal yang tidak lagi relevan atau tidak lagi akurat. Namun, <s> tidak tepat saat menunjukkan pengeditan dokumen; untuk itu, gunakan elemen del dan ins, jika sesuai. |
<samp> |
Elemen Sampel HTML (<samp>) digunakan untuk mengapit teks sebaris yang mewakili output sampel (atau kutipan) dari program komputer. |
<small> |
Elemen HTML <small> mewakili komentar samping dan cetakan kecil, seperti hak cipta dan teks hukum, terlepas dari gaya penyajiannya. Secara default, ini merender teks di dalamnya satu ukuran font lebih kecil, seperti dari kecil ke x-kecil. |
<span> |
Elemen HTML <span> adalah wadah sebaris generik untuk menyusun kata-kata konten, yang secara inheren tidak mewakili apa pun. Ini dapat digunakan untuk mengelompokkan elemen untuk tujuan gaya (menggunakan atribut class atau id), atau karena mereka berbagi nilai atribut, seperti lang. |
<strong> |
HTML Strong Importance Element (<strong>) menunjukkan bahwa isinya memiliki kepentingan, keseriusan, atau urgensi yang kuat. Browser biasanya membuat konten dalam huruf tebal. |
<sub> |
Elemen HTML Subscript (<sub>) menentukan teks sebaris yang harus ditampilkan sebagai subskrip hanya untuk alasan tipografi. |
<sup> |
Elemen HTML Superscript (<sup>) menentukan teks sebaris yang akan ditampilkan sebagai superskrip hanya untuk alasan tipografi. |
<time> |
Elemen HTML <time> mewakili periode waktu tertentu. |
<u> |
Elemen HTML Unarticulated Annotation (<u>) mewakili rentang teks sebaris yang harus dirender dengan cara yang menunjukkan bahwa ia memiliki anotasi non-tekstual. |
<var> |
Elemen Variabel HTML (<var>) mewakili nama variabel dalam ekspresi matematika atau konteks pemrograman. |
<wbr> |
Elemen <wbr> HTML mewakili peluang jeda kata — posisi dalam teks di mana browser dapat secara opsional memutuskan baris, meskipun aturan pemutusan barisnya tidak akan membuat jeda di lokasi itu. |
Gambar dan multimedia
HTML juga mendukung berbagai sumber multimedia seperti gambar, audio, dan video.
| Elemen | Keterangan |
|---|---|
<area> |
Elemen HTML <area> mendefinisikan area di dalam peta gambar yang memiliki area yang dapat diklik yang telah ditentukan sebelumnya. Peta gambar memungkinkan area geometris pada gambar dikaitkan dengan Hyperlink. |
<audio> |
Elemen <audio> HTML digunakan untuk menyematkan konten suara dalam dokumen. Ini mungkin berisi satu atau lebih sumber audio, direpresentasikan dengan menggunakan atribut src atau elemen sumber: browser akan memilih yang paling sesuai. Itu juga bisa menjadi tujuan untuk media streaming, menggunakan MediaStream. |
<img> |
Elemen HTML <img> menyematkan gambar ke dalam dokumen. |
<map> |
Elemen HTML <map> digunakan dengan elemen area untuk menentukan peta gambar (area tautan yang dapat diklik). |
<track> |
Elemen <track> HTML digunakan sebagai anak dari elemen media, audio dan video. Ini memungkinkan kita menentukan trek teks berjangka waktu (atau data berbasis waktu), misalnya untuk menangani subtitle secara otomatis. |
<video> |
Elemen HTML Video (<video>) menyematkan pemutar media yang mendukung pemutaran video ke dalam dokumen. Kita juga dapat menggunakan <video> untuk konten audio, tetapi elemen audio mungkin memberikan pengalaman pengguna yang lebih sesuai. |
Embedded
Selain konten multimedia biasa, HTML dapat menyertakan berbagai konten lain, meskipun tidak selalu mudah untuk berinteraksi dengannya.
| Elemen | Keterangan |
|---|---|
<embed> |
Elemen HTML <embed> menyematkan konten eksternal pada titik yang ditentukan dalam dokumen. Konten ini disediakan oleh aplikasi eksternal atau sumber konten interaktif lainnya seperti plug-in browser. |
<iframe> |
Elemen HTML Inline Frame (<iframe>) mewakili konteks penjelajahan bersarang, menyematkan halaman HTML lain ke halaman saat ini. |
<object> |
Elemen HTML <object> mewakili sumber daya eksternal, yang dapat diperlakukan sebagai gambar, konteks penjelajahan bersarang, atau sumber daya yang akan ditangani oleh plugin. |
<param> |
Elemen HTML <param> mendefinisikan parameter untuk elemen objek. |
<picture> |
Elemen <picture> HTML berisi nol atau lebih elemen sumber dan satu elemen img untuk menawarkan versi alternatif gambar untuk skenario tampilan / perangkat yang berbeda. |
<portal> |
Elemen HTML Portal (<portal>) memungkinkan penyematan halaman HTML lain ke halaman saat ini untuk tujuan memungkinkan navigasi yang lebih lancar ke halaman baru. |
<source> |
Elemen HTML <source> menentukan beberapa sumber media untuk gambar, elemen audio, atau elemen video. |
SVG dan MathML
Kita dapat menyematkan konten SVG dan MathML langsung ke dalam dokumen HTML, menggunakan elemen <svg> dan <math>.
| Elemen | Keterangan |
|---|---|
<svg> |
Elemen svg adalah wadah yang mendefinisikan sistem koordinat dan viewport baru. Ini digunakan sebagai elemen terluar dari dokumen SVG, tetapi juga dapat digunakan untuk menyematkan fragmen SVG di dalam dokumen SVG atau HTML. |
<math> |
Elemen level teratas di MathML adalah <math>. Setiap contoh MathML yang valid harus dibungkus dalam tag <math>. Selain itu, kita tidak boleh menumpuk elemen <math> kedua di elemen lain, tetapi kita dapat memiliki sejumlah elemen turunan lainnya di dalamnya. |
Scripting
Untuk membuat konten dinamis dan aplikasi Web, HTML mendukung penggunaan script, terutama JavaScript. Unsur-unsur tertentu mendukung kemampuan ini.
| Elemen | Keterangan |
|---|---|
<canvas> |
Gunakan elemen <canvas> HTML dengan API script kanvas atau API WebGL untuk menggambar grafik dan animasi. |
<noscript> |
Elemen <noscript> HTML menentukan bagian HTML yang akan disisipkan jika jenis skrip pada halaman tidak didukung atau jika pembuatan skrip saat ini dimatikan di browser. |
<script> |
Elemen <script> HTML digunakan untuk menyematkan kode atau data yang dapat dieksekusi; ini biasanya digunakan untuk menyematkan atau merujuk ke kode JavaScript. |
Membatasi hasil edit
Elemen ini memungkinkan kita memberikan indikasi bahwa bagian tertentu dari teks telah diubah.
| Elemen | Keterangan |
|---|---|
<del> |
Elemen <del> HTML mewakili rentang teks yang telah dihapus dari dokumen. |
<ins> |
Elemen <ins> HTML mewakili rentang teks yang telah ditambahkan ke dokumen. |
Table
Elemen di sini digunakan untuk membuat dan menangani data tabel.
| Elemen | Keterangan |
|---|---|
<caption> |
Elemen <caption> HTML menentukan caption (atau judul) dari sebuah tabel. |
<col> |
Elemen <col> HTML mendefinisikan kolom dalam tabel dan digunakan untuk mendefinisikan semantik umum pada semua sel umum. Ini umumnya ditemukan dalam elemen colgroup. |
<colgroup> |
Elemen HTML <colgroup> mendefinisikan sekelompok kolom dalam sebuah tabel. |
<table> |
Elemen <tabel> HTML mewakili data tabel - yaitu, informasi yang disajikan dalam tabel dua dimensi yang terdiri dari baris dan kolom sel yang berisi data. |
<tbody> |
Elemen Badan Tabel HTML (<tbody>) merangkum sekumpulan baris tabel (elemen tr), yang menunjukkan bahwa mereka terdiri dari badan tabel (tabel). |
<td> |
Elemen HTML <td> mendefinisikan sel tabel yang berisi data. Ini berpartisipasi dalam model tabel. |
<tfoot> |
Elemen HTML <tfoot> mendefinisikan satu set baris yang meringkas kolom dari tabel. |
<th> |
Elemen HTML <th> mendefinisikan sel sebagai header dari sekelompok sel tabel. Sifat sebenarnya dari grup ini ditentukan oleh atribut cakupan dan tajuk. |
<thead> |
Elemen <thead> HTML mendefinisikan satu set baris yang mendefinisikan kepala kolom dari tabel. |
<tr> |
Elemen HTML <tr> mendefinisikan baris sel dalam sebuah tabel. Sel baris kemudian dapat dibuat menggunakan campuran elemen td (sel data) dan th (sel header). |
Forms
HTML menyediakan sejumlah elemen yang dapat digunakan bersama untuk membuat formulir yang dapat diisi dan dikirim pengguna ke situs web atau aplikasi.
| Elemen | Keterangan |
|---|---|
<button> |
Elemen <button> HTML mewakili tombol yang dapat diklik, digunakan untuk mengirimkan formulir atau di mana pun dalam dokumen agar dapat diakses, fungsi tombol standar. |
<datalist> |
Elemen <datalist> HTML berisi sekumpulan elemen opsi yang mewakili opsi yang diizinkan atau direkomendasikan yang tersedia untuk dipilih dari dalam kontrol lain. |
<fieldset> |
Elemen <fieldset> HTML digunakan untuk mengelompokkan beberapa kontrol serta label (label) dalam formulir web. |
<form> |
Elemen <form> HTML mewakili bagian dokumen yang berisi kontrol interaktif untuk mengirimkan informasi. |
<input> |
Elemen <input> HTML digunakan untuk membuat kontrol interaktif untuk formulir berbasis web untuk menerima data dari pengguna; berbagai jenis data masukan dan widget kontrol tersedia, bergantung pada perangkat dan agen pengguna. |
<label> |
Elemen <label> HTML mewakili keterangan untuk item di antarmuka pengguna. |
<legend> |
Elemen <legend> HTML mewakili keterangan untuk konten fieldset induknya. |
<meter> |
Elemen <meter> HTML mewakili nilai skalar dalam rentang yang diketahui atau nilai pecahan. |
<optgroup> |
Elemen <optgroup> HTML membuat pengelompokan opsi dalam elemen pilih. |
<option> |
Elemen <option> HTML digunakan untuk menentukan item yang terdapat dalam elemen select, optgroup, atau datalist. Dengan demikian, <option> dapat merepresentasikan item menu dalam popup dan daftar item lainnya dalam dokumen HTML. |
<output> |
Elemen Output HTML (<output>) adalah elemen penampung tempat situs atau aplikasi dapat memasukkan hasil penghitungan atau hasil tindakan pengguna. |
<progress> |
Elemen <progress> HTML menampilkan indikator yang menunjukkan kemajuan penyelesaian tugas, biasanya ditampilkan sebagai bilah kemajuan. |
<select> |
Elemen <select> HTML mewakili kontrol yang menyediakan menu opsi. |
<textarea> |
Elemen HTML <textarei> mewakili kontrol pengeditan teks biasa multibaris, berguna saat kita ingin mengizinkan pengguna memasukkan teks bentuk bebas dalam jumlah yang cukup besar, misalnya komentar pada formulir ulasan atau umpan balik. |
Elemen interaktif
| Elemen | Keterangan |
|---|---|
<details> |
Elemen Detail HTML (<detail>) membuat widget pengungkapan di mana informasi hanya terlihat saat widget diubah menjadi status "terbuka". |
<dialog> |
Elemen HTML <dialog> mewakili kotak dialog atau komponen interaktif lainnya, seperti peringatan yang dapat ditutup, inspektur, atau subwindow. |
<menu> |
Elemen <menu> HTML mewakili sekelompok perintah yang dapat dilakukan atau diaktifkan oleh pengguna. Ini termasuk menu daftar, yang mungkin muncul di bagian atas layar, serta menu konteks, seperti yang mungkin muncul di bawah tombol setelah diklik. |
<summary> |
Elemen HTML Disclosure Summary (<summary>) menentukan ringkasan, keterangan, atau legenda untuk kotak pengungkapan elemen detail. |
Komponen Web
Komponen Web adalah teknologi yang berhubungan dengan HTML yang pada dasarnya memungkinkan untuk membuat dan menggunakan elemen khusus seolah-olah itu adalah HTML biasa. Selain itu, kita dapat membuat versi kustom dari elemen HTML standar.
| Elemen | Keterangan |
|---|---|
<slot> |
Elemen <slot> HTML — bagian dari rangkaian teknologi Komponen Web — adalah placeholder di dalam komponen web yang dapat Anda isi dengan markup Anda sendiri, yang memungkinkan kita membuat pohon DOM terpisah dan menyajikannya bersama-sama. |
<template> |
Elemen HTML Content Template (<template>) adalah mekanisme untuk menahan HTML yang tidak akan langsung dirender saat halaman dimuat tetapi dapat dibuat instance-nya kemudian selama runtime menggunakan JavaScript. |
0 komentar:
Posting Komentar