Saya selalu menggunakan tanda kutip tunggal saat menulis HTML dengan tangan. Saya bekerja dengan banyak HTML yang diberikan yang selalu menggunakan tanda kutip ganda. Ini memungkinkan saya untuk menentukan apakah HTML ditulis dengan tangan atau dibuat. Apakah ini ide yang bagus?

Apa perbedaan keduanya? Saya tahu keduanya bekerja dan didukung oleh semua browser modern tetapi apakah ada perbedaan nyata di mana satu sebenarnya lebih baik daripada yang lain dalam situasi yang berbeda?

Org w3 berkata :

Secara default, SGML mengharuskan semua nilai atribut dibatasi menggunakan tanda kutip ganda (ASCII desimal 34) atau tanda kutip tunggal (ASCII desimal 39). Tanda kutip tunggal dapat dimasukkan dalam nilai atribut ketika nilainya dibatasi oleh tanda kutip ganda, dan sebaliknya. Penulis juga dapat menggunakan referensi karakter numerik untuk mewakili tanda kutip ganda ( ") dan tanda kutip tunggal ( '). Untuk kutipan ganda, penulis juga dapat menggunakan referensi entitas karakter ".

Jadi ... sepertinya tidak ada perbedaan. Hanya tergantung gaya Anda.

Saya menggunakan "sebagai top-tier dan 'sebagai tier kedua, seperti yang saya bayangkan kebanyakan orang. Sebagai contoh

<a href="#" onclick="alert('Clicked!');">Click Me!</a>

Dalam contoh itu, Anda harus menggunakan keduanya, itu tidak dapat dihindari.

Mengutip Konvensi untuk Pengembang Web

Jawaban Singkat

Dalam HTML penggunaan tanda kutip tunggal (') dan tanda kutip ganda (") dapat dipertukarkan, tidak ada perbedaan.

Tetapi konsistensi direkomendasikan, oleh karena itu kita harus memilih konvensi sintaksis dan menggunakannya secara teratur.

Jawaban Panjang

Pengembangan Web sering terdiri dari banyak bahasa pemrograman. HTML, JS, CSS, PHP, ASP, RoR, Python, dll. Karena itu kami memiliki banyak konvensi sintaksis untuk berbagai bahasa pemrograman. Seringkali kebiasaan dari satu bahasa akan mengikuti kita ke bahasa lain, bahkan jika itu tidak dianggap "benar" yaitu konvensi komentar. Mengutip konvensi juga termasuk dalam kategori ini untuk saya.

Tapi saya cenderung menggunakan HTML dengan erat dalam hubungannya dengan PHP. Dan di PHP ada perbedaan besar antara tanda kutip tunggal dan tanda kutip ganda. Dalam PHP dengan tanda kutip ganda "Anda dapat menyisipkan variabel langsung ke dalam teks string". (scriptingok.com) Dan ketika menggunakan tanda kutip tunggal "teks muncul apa adanya". (scriptingok.com)

PHP membutuhkan waktu lebih lama untuk memproses string yang dikutip ganda . Karena parser PHP harus membaca seluruh string terlebih dahulu untuk mendeteksi variabel apa pun di dalamnya — dan menyatukannya — dibutuhkan proses yang lebih lama daripada satu string yang dikutip. (scriptingok.com)

Kutipan tunggal lebih mudah di server . Karena PHP tidak perlu membaca seluruh string terlebih dahulu, server dapat bekerja lebih cepat dan lebih bahagia. (scriptingok.com)

Hal-hal lain yang perlu dipertimbangkan

1. Frekuensi tanda kutip ganda dalam string. Saya menemukan bahwa saya perlu menggunakan tanda kutip ganda (") dalam string saya lebih sering daripada saya perlu menggunakan tanda kutip tunggal (') dalam string. Untuk mengurangi jumlah karakter yang dibutuhkan, saya memilih pembatas kutip tunggal.
2. Lebih mudah membuat satu kutipan. Ini cukup jelas tetapi untuk memperjelas, mengapa menekan tombol SHIFT lebih dari yang Anda harus lakukan.

Konvensi saya

Dengan pemahaman tentang PHP ini saya telah menetapkan konvensi (untuk saya dan perusahaan saya yang lain) bahwa string harus direpresentasikan sebagai tanda kutip tunggal secara default untuk optimasi server. Kutipan ganda digunakan dalam string jika tanda kutip diperlukan seperti JavaScript dalam atribut, misalnya:

<button onClick='func("param");'>Press Me</button>

Tentu saja jika kita menggunakan PHP dan ingin parser menangani variabel PHP dalam string, kita harus menggunakan tanda kutip ganda. $a='Awesome'; $b = "Not $a";

Sumber

Kutipan tunggal vs Kutipan ganda dalam PHP. (nd). Diperoleh 26 November 2014, dari http://www.scriptingok.com/tutorial/Single-quotes-vs-double-quotes-in-PHP

Jika semuanya sama, mungkin menggunakan tanda kutip tunggal lebih baik karena tidak perlu menahan tombol shift. Lebih sedikit penekanan tombol == lebih sedikit peluang RSI.

Dalam HTML saya tidak percaya itu penting apakah Anda menggunakan "atau ', tetapi harus digunakan secara konsisten di seluruh dokumen.

Penggunaan saya sendiri lebih suka menggunakan atribut / html ", sedangkan semua javascript digunakan '.

Ini membuat saya lebih mudah membaca dan memeriksa. Jika penggunaan Anda lebih masuk akal bagi Anda daripada saya, tidak perlu ada perubahan. Tetapi, bagi saya, kode Anda akan terasa berantakan. Itu pribadi semua.

Sebenarnya, cara terbaik adalah cara yang direkomendasikan Google. Kutipan ganda: https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Quotation_Marks#HTML_Quotation_Marks

Lihat https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Validity#HTML_Validity Saran Dikutip dari Google: "Menggunakan HTML yang valid adalah atribut kualitas baseline yang dapat diukur yang berkontribusi untuk mempelajari tentang persyaratan teknis dan kendala, dan yang menjamin penggunaan HTML yang tepat. "

Saya tahu BANYAK orang tidak akan setuju, tetapi ini adalah apa yang saya lakukan dan saya benar-benar menikmati gaya pengkodean seperti itu: Saya sebenarnya tidak menggunakan kutipan dalam HTML kecuali benar-benar diperlukan.

Contoh:

<form method=post action=#>
<fieldset>
<legend>Register here: </legend>
  <label for=account>Account: </label>
  <input id=account type=text name=account required><br>
  <label for=password>Password: </label>
  <input id=password type=password name=password required><br>
...

Kutipan ganda hanya digunakan ketika ada spasi dalam nilai atribut atau apa pun:

<form class="val1 val2 val3" method=post action=#>
  ...
</form>

Menggunakan tanda kutip ganda untuk HTML

yaitu

<div class="colorFont"></div>

Menggunakan tanda kutip tunggal untuk JavaScript

yaitu

$('#container').addClass('colorFont');
$('<div class="colorFont2></div>');

Saya punya masalah menggunakan Bootstrap di mana menggunakan tanda kutip ganda memang penting vs menggunakan tanda kutip tunggal (yang tidak bekerja). class = 'row-fluid' memberi saya masalah yang menyebabkan rentang terakhir jatuh di bawah bentang lain daripada duduk dengan baik di sebelah kanan, sedangkan class = "row-fluid" bekerja.

jika Anda menulis asp.net maka kadang-kadang Anda harus menggunakan tanda kutip ganda dalam pernyataan Eval dan tanda kutip tunggal untuk membatasi nilai - ini terutama agar kode C # inline tahu penggunaannya menggunakan string dalam wadah eval daripada karakter. Secara pribadi saya hanya menggunakan satu atau yang lain sebagai standar dan tidak mencampurkannya, itu terlihat berantakan semua.

Menggunakan "bukannya 'saat:

<input value="user"/> //Standard html
<input value="user's choice"/> //Need to use single quote
<input onclick="alert('hi')"/> //When giving string as parameter for javascript function

Menggunakan 'bukannya "saat:

<input value='"User"'/> //Need to use double quote
var html = "<input name='username'/>" //When assigning html content to a javascript variable

Tidak ada bedanya dengan html tetapi jika Anda menghasilkan html secara dinamis dengan bahasa pemrograman lain maka satu cara mungkin lebih mudah daripada yang lain.

Sebagai contoh di Jawa , kutipan ganda digunakan untuk menunjukkan awal dan akhir suatu String, jadi jika Anda ingin menyertakan doublequote dalam String, Anda harus menghindarinya dengan backslash.

String s = "<a href=\"link\">a Link</a>"

Anda tidak memiliki masalah dengan kutipan tunggal, oleh karena itu penggunaan kutipan tunggal membuat kode lebih mudah dibaca di Jawa.

String s = "<a href='link'>a Link</a>"

Terutama jika Anda harus menulis elemen html dengan banyak atribut. (Catatan Saya biasanya menggunakan perpustakaan seperti jhtml untuk menulis html di Jawa, tetapi tidak selalu praktis untuk melakukannya)

Saya pemula di sini tetapi saya menggunakan tanda kutip tunggal hanya ketika saya menggunakan tanda kutip ganda di dalam yang pertama. Jika saya tidak jelas, saya menunjukkan kepada Anda contoh:

<p align="center" title='One quote mark at the beginning so now I can
"cite".'> ... </p>

Saya harap saya membantu.

Dalam PHP menggunakan tanda kutip ganda menyebabkan sedikit penurunan kinerja karena nama variabel dievaluasi, jadi dalam praktiknya, saya selalu menggunakan tanda kutip tunggal saat menulis kode:

echo "This will print you the value of $this_variable!";
echo 'This will literally say $this_variable with no evaluation.';

Jadi Anda bisa menulis ini sebagai gantinya;

echo 'This will show ' . $this_variable . '!';

Saya percaya fungsi Javascript sama, jadi peningkatan kinerja yang sangat kecil, jika itu penting bagi Anda.

Selain itu, jika Anda melihat sepenuhnya ke HTML spec 2.0, semua tag tercantum di sini;

Referensi W3 HTML DTD

(Gunakan tanda kutip ganda.) Konsistensi adalah penting, apa pun yang cenderung Anda gunakan lebih sering.

Kutipan ganda digunakan untuk string (yaitu, "ini adalah string") dan tanda kutip tunggal digunakan untuk karakter (yaitu, 'a', 'b' atau 'c'). Bergantung pada bahasa pemrograman dan konteksnya, Anda bisa menggunakan tanda kutip ganda untuk karakter tetapi bukan tanda kutip tunggal untuk string.

HTML tidak peduli yang mana yang Anda gunakan. Namun, jika Anda menulis HTML di dalam skrip PHP, Anda harus tetap menggunakan tanda kutip ganda karena Anda harus menghindarinya (yaitu, \ "apa pun \") untuk menghindari kebingungan Anda dan PHP.