Selain tag dalam HTML terutama digunakan untuk menampilkan konten penting dari halaman web. Ini berfungsi sebagai penyorot untuk fokus pada hal-hal utama dari halaman web. Tag dalam HTML ini juga digunakan untuk membuat pembagian atau membuat partisi untuk halaman web, tetapi ini digunakan untuk fokus hanya pada konten utama halaman web. Ini digunakan untuk membuat desain halaman web lebih mudah, yang akan memberikan lebih banyak kejelasan untuk dokumen HTML yang disertakan. Area penempatan utama pada halaman web untuk tag samping berada di bilah sisi atau ke dalam kotak panggilan keluar.
Definisi dan Penggunaan
Tag mendefinisikan beberapa konten selain dari konten tempatnya ditempatkan.<aside>. Konten sampingan harus secara tidak langsung terkait dengan konten di sekitarnya. Konten sering ditempatkan sebagai bilah sisi dalam dokumen.<aside>
Elemen ini tidak dirender sebagai sesuatu yang istimewa di browser. Namun, Anda dapat menggunakan CSS untuk menata elemen (lihat contoh di bawah).<aside><aside>
Sintak
<body>
<aside>
<p>some text</p>
</aside>
</body>
<aside>tag dimasukkan ke dalam kode HTML dalam <body>tag. Ini digunakan untuk mendefinisikan biografi penulis, iklan, definisi halaman, detail profil, dan beberapa tautan penting. Ini dapat digunakan di mana saja dalam halaman web. Ini terutama digunakan dalam HTML 5.
Ini harus digunakan baik di dalam elemen artikel atau di luar elemen artikel ini. Saat menggunakan tag ini dengan elemen artikel, tag ini harus disertakan konten artikel. Dan setiap kali akan digunakan di luar elemen artikel, maka itu harus mencakup data yang terkait dengan seluruh halaman web.
Ini dianggap sebagai elemen tingkat blok dalam HTML. Seseorang mungkin dapat menggunakan elemen tingkat blok dan elemen sebaris dalam tag <aside> atau ke dalam elemen teks. Itu tidak tergantung pada atribut tertentu dalam HTML.
Tetapi seperti tag lainnya, tag <saside> juga mendukung atribut global serta atribut peristiwa.
Atribut Global
Ada beberapa atribut global yang didukung oleh <aside>tag, beberapa di antaranya adalah sebagai berikut:
kunci akses: Ini digunakan sebagai tombol pintas untuk menyorot atribut tertentu.
kelas: Ini digunakan untuk mendefinisikan satu atau lebih nama kelas ke elemen yang disertakan.
Atribut ini digunakan untuk memberikan detail elemen, apakah dapat diedit atau tidak.
data: Atribut ini membantu mengumpulkan data kustom secara pribadi ke halaman atau aplikasi yang diperlukan. Ini mendefinisikan apakah elemen tersebut dapat diseret atau tidak.
Atribut Peristiwa
<aside>tag juga mendukung atribut event; beberapa di antaranya adalah sebagai berikut:
- onafterprint: Atribut ini digunakan untuk menjalankan skrip setiap kali dokumen dicetak.
- onerror: Setiap kali terjadi kesalahan, maka atribut ini dijalankan.
- onmessage: Skrip ini terjadi ketika pesan dipicu.
- onpageshow: Setiap kali pengguna menavigasi dari satu halaman ke halaman lain, peristiwa ini mengaitkan pekerjaan ke peristiwa ini.
- onstorage: Atribut ini menjalankan skrip setiap kali area penyimpanan web diperbarui.
<aside> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.
Contoh:
Gunakan CSS untuk menata elemen <aside>:
<html>
<head>
<style>
aside {
width: 30%;
padding-left: 15px;
margin-left: 15px;
float: right;
font-style: italic;
background-color: lightgray;
}
</style>
</head>
<body>
<h1>The aside element</h1>
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
<aside>
<p>The Epcot center is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</aside>
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
</body>
</html>
Pengaturan CSS Default
Sebagian besar browser akan menampilkan elemen dengan nilai default berikut:<aside>
aside {
display: block;
}
<aside>tag dalam HTML digunakan sebagai elemen tingkat Blok terutama, tetapi juga mendukung elemen inline atau elemen teks. Elemen semacam ini digunakan untuk mewakili konten utama halaman web. Ini menunjukkan informasi terperinci tentang penulis, beberapa tautan penting ke halaman web, blog iklan, dll. Elemen ini dapat digunakan di dalam atau di luar elemen artikel.
Tags:
Learn 01 HTML