Pertanyaan Haruskah saya menggunakan tag

atau tag

di sini?


Saya merasa agak konyol sebenarnya menanyakan pertanyaan ini karena saya yakin itu hanya akan menjadi pendapat daripada kebenaran yang akan berlaku.

Tetapi saya memiliki "tombol" yang ditetapkan ke sisi kanan bawah layar yang dapat diklik pengguna untuk membuka kotak obrolan.

Saat ini saya hanya punya ini:

<div id="chatbtn">Sales help online</div>

Saya memilih a <div> tag sehingga mesin telusur tidak menganggapnya sebagai elemen teks utama. Haruskah saya memilih a <p> tag untuk semantik benar di sini? ... atau mungkin bahkan sebuah <input type="button">

Apa yang kamu pikirkan?


4
2018-02-20 13:11


asal


Jawaban:


Tombol memiliki tag sendiri sebenarnya:

<button type="button" id="chatbtn">Sales help online</button>

Tipe default kadang-kadang menyerahkan jadi praktik terbaik adalah selalu mengatakan "itu tombol biasa, bukan kirim".

Jika Anda perlu memperlakukannya sebagai elemen blok Anda dapat menempatkannya di dalam berisi <div> atau secara manual mengubah gayanya menjadi display: block;.

Merujuk sesuatu yang Anda katakan, <input type="button"> tentu saja tidak tepat dalam kasus Anda, karena ini adalah elemen bentuk dan Anda tidak memiliki bentuk apa pun di sini sehingga tag tombol "murni" lebih tepat.


4
2018-02-20 13:13



Selalu mencoba untuk menggunakan elemen semantik yang benar. Jika Anda ingin membuat tombol, gunakan <button> elemen. Jika Anda ingin menampilkan paragraf, gunakan <p>. Jika Anda ingin mengelompokkan elemen dalam wadah tanpa informasi semantik yang disediakan untuk wadah ini, gunakan <div>.


2
2018-02-20 13:15



Untuk tombolnya sendiri, Anda bisa menggunakannya input type=button jika tidak ada yang istimewa di dalamnya (seperti di sini), atau button type=button jika Anda membutuhkan pemformatan yang lebih kaya (misalnya gambar atau jeda baris di dalam tombol).

Sebagai elemen pembungkus di luarnya, gunakan div jika tombolnya hanya perlu muncul di garisnya sendiri, p jika Anda juga ingin memiliki ruang kosong di atas dan di bawah (dalam rendering non-CSS default). Tidak ada perbedaan semantik yang nyata di antara elemen-elemen ini; dalam spesifikasi dan penggunaan HTML, p berarti paragraf dalam arti yang longgar saja (lihat misalnya Deskripsi HTML5 tentang p).

Dalam kedua kasus tersebut, karena tombol tersebut mungkin digerakkan oleh JavaScript dan tidak melakukan apa-apa ketika JavaScript dinonaktifkan, akan lebih baik untuk membuat elemen (dan mungkin elemen melampirkan juga) secara dinamis dalam JavaScript, daripada memilikinya sebagai statis bagian dari dokumen HTML.


0
2018-02-20 15:19