在H5中如何使用details元素和summary元素
标记配合使用。在默认情况下,不显示
标记配合使用时,在单击
标记后才会显示
1)open:值为open,功能是定义details是否可见。
2)subject:值为sub_id,功能是设置元素所对应项目的ID号。
3)draggable:值为true或false,功能是设置是否为可拖动元素,默认值是false。
元素是
使用示例代码:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <details open="open"> <summary>页面说明</summary> 今天是2016年7月20号 </details> </body> </html>
效果:
点击小三角形之后,文字隐藏:
是不是特别方便?但是,目前只有Chrome和Safari浏览器支持
相关文章:

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



H5 merujuk kepada HTML5, versi terkini HTML H5 ialah bahasa penanda yang berkuasa yang menyediakan pembangun dengan lebih banyak pilihan dan ruang kreatif Kemunculannya menggalakkan pembangunan teknologi Web dan menjadikan interaksi dan kesan halaman web lebih Cemerlang, sebagai teknologi H5. secara beransur-ansur matang dan menjadi popular, saya percaya ia akan memainkan peranan yang semakin penting dalam dunia Internet.

Artikel ini akan membantu anda membezakan dengan cepat antara H5, bahagian hadapan WEB, bahagian hadapan yang besar dan timbunan penuh WEB. Saya harap ia akan membantu rakan yang memerlukan.

Dalam H5, anda boleh menggunakan atribut kedudukan untuk mengawal kedudukan elemen melalui CSS: 1. Kedudukan relatif, sintaksnya ialah "style="position: relative;"; 2. Kedudukan mutlak, sintaksnya ialah "style="position: mutlak;" "; 3. Kedudukan tetap, sintaksnya ialah "style="position: fixed;" dan seterusnya.

Langkah-langkah pelaksanaan: 1. Pantau acara tatal halaman 2. Tentukan sama ada halaman telah menatal ke bawah 3. Muatkan halaman seterusnya data;

Penerangan pemaparan adalah berdasarkan vue.js dan tidak bergantung pada pemalam atau perpustakaan lain, fungsi asas kekal konsisten dengan elemen-ui, dan beberapa pelarasan telah dibuat pada pelaksanaan dalaman untuk perbezaan mudah alih. Platform pembinaan semasa dibina menggunakan perancah rasmi uni-app Oleh kerana kebanyakan terminal mudah alih pada masa ini mempunyai dua jenis: program mini h6 dan WeChat, ia sangat sesuai untuk pemilihan teknologi untuk menjalankan satu set kod pada berbilang terminal. Api teras idea pelaksanaan: gunakan menyediakan dan menyuntik, sepadan dengan dan. Dalam komponen, pembolehubah (tatasusunan) digunakan secara dalaman untuk menyimpan semua kejadian, dan data yang akan dipindahkan didedahkan melalui menyediakan komponen menggunakan suntikan secara dalaman untuk menerima data yang disediakan oleh komponen induk, dan akhirnya menggabungkan atributnya sendiri dengan penyerahan kaedah

Artikel ini akan memberi anda pengenalan kepada tag promosi H5 baharu. Saya harap ia dapat membantu rakan yang memerlukan!

HTML5 dan PHP ialah dua teknologi yang biasa digunakan dalam pembangunan web yang pertama digunakan untuk membina susun atur halaman, gaya dan interaksi, dan yang kedua digunakan untuk mengendalikan logik perniagaan dan penyimpanan data sebelah pelayan. Mari selami pengetahuan berkaitan HTML5 dan PHP.

H5 meningkatkan kebolehaksesan laman web dan kesan SEO melalui unsur -unsur semantik dan atribut ARIA. 1. Gunakan, dan lain -lain untuk mengatur struktur kandungan dan meningkatkan SEO. 2. Atribut Aria seperti ARIA-Label meningkatkan kebolehcapaian, dan pengguna teknologi bantuan boleh menggunakan laman web dengan lancar.
