adalah tag semantik dalam HTML5 yang digunakan untuk membungkus kandungan secara tidak langsung berkaitan dengan kandungan utama, yang biasanya terdapat di sidebars, nota, iklan atau arahan tambahan. 1. Ia sesuai untuk maklumat yang kurang relevan dengan kandungan utama tetapi masih berguna untuk pemahaman keseluruhan, seperti cadangan pembuat kopi dalam artikel kopi. 2. 3. Gaya boleh dikawal melalui CSS, seperti menggunakan susun atur Float atau Flexbox. 4. Apabila menggunakannya, anda harus mengelakkan meletakkan unsur -unsur global seperti bar navigasi dan footer, dan anda juga harus mengelakkan pelbagai tidak relevan menyusun. Penggunaan rasional boleh meningkatkan kejelasan, kebolehbacaan dan kebolehcapaian struktur laman web.

Dalam HTML, jika anda mempunyai sebahagian daripada kandungan yang tidak mempunyai kaitan dengan kandungan utama tetapi ingin menyimpannya, anda boleh menggunakan elemen <aside></aside> . Tag ini direka khusus untuk membungkus kandungan yang berkaitan secara tidak langsung , seperti sidebars, nota, petikan, iklan atau arahan tambahan.

Apa itu <aside></aside> ?

<aside></aside> adalah salah satu tag semantik yang diperkenalkan di HTML5 untuk mewakili kandungan yang kurang relevan dengan kandungan utama halaman . Walaupun ia bukan sebahagian daripada kandungan utama, ia masih berguna untuk pemahaman keseluruhan.

Senario penggunaan biasa termasuk:

• Membaca yang disyorkan di sebelah catatan blog
• Modul pengiklanan di halaman butiran produk
• Penjelasan istilah atau petua dalam dokumentasi teknikal
• Pengenalan kepada pengarang di akhir artikel

Kedua -dua penyemak imbas dan enjin carian mengiktiraf semantik <aside></aside> , yang memudahkan SEO dan bacaan aksesibiliti.

Bagaimana cara menggunakan <aside></aside> dengan betul?

1. Pastikan kandungannya "tidak langsung relevan"

   • Sekiranya kandungannya penting untuk memahami kandungan utama, ia tidak sesuai untuk diletakkan di <aside></aside> .
   • Sebagai contoh: dalam artikel yang memperkenalkan kopi, "Jenis Kopi" adalah kandungan utama, dan "Mesin Kopi Disyorkan" boleh diletakkan di <aside></aside> .

2. Bersarang di tempat yang betul

   • Jika kandungan <aside></aside> hanya berkaitan dengan blok tertentu, anda boleh memasukkannya ke dalam blok itu.
   • Jika ia adalah maklumat tambahan untuk keseluruhan artikel, ia diletakkan <article></article> tetapi <main></main> .

 <sountic>
  <h1> Cara Membancuh Cawan Kopi yang Baik </H1>
  <p> ... kandungan pengasas ... </p>

  <sepet>
    <h2> Petua untuk membeli biji kopi </h2>
    <p> Pilih kacang kopi yang baru dipanggang dengan aroma yang kuat adalah kunci ... </p>
  </selain>
</artikel>

3. Kawalan gaya
   • Anda boleh memaparkan <aside></aside> sebagai bar sisi melalui CSS, atau anda boleh memilikinya di bawah kandungan utama.
   • Amalan biasa adalah menggunakan float: right; atau susun atur flexbox untuk mencapai "lampiran" visual.

Salah faham dan langkah berjaga -jaga yang biasa

• ? Jangan meletakkan unsur -unsur global seperti bar navigasi dan footer ke <aside></aside> .
• ? Elakkan menyusun pelbagai <aside></aside> s bersama -sama, yang akan menjejaskan struktur kandungan.
• ? Tag semantik lain boleh digunakan dalam <aside></aside> , seperti <p></p> , <ul></ul> , <blockquote></blockquote> , dll.

Pada dasarnya itu sahaja. Penggunaan rasional <aside></aside> boleh menjadikan struktur laman web lebih jelas dan meningkatkan kebolehbacaan dan kebolehcapaian.

Atas ialah kandungan terperinci Bagaimanakah saya menggunakan elemen untuk mewakili kandungan yang berkaitan dengan kandungan utama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!