HTML'imi elle yazarken her zaman tek tırnak kullandım. Ben her zaman çift tırnak kullanan render HTML bir sürü ile çalışır. Bu, HTML'nin elle yazılmış veya oluşturulup oluşturulmadığını belirlememe olanak tanır. Bu iyi bir fikir mi?

İkisi arasındaki fark nedir? İkisinin de çalıştığını ve tüm modern tarayıcılar tarafından desteklendiğini biliyorum, ancak farklı durumlarda birinin diğerinden daha iyi olduğu gerçek bir fark var mı?

W3 org dedi ki :

Varsayılan olarak, SGML tüm öznitelik değerlerinin çift tırnak işareti (ASCII ondalık 34) veya tek tırnak işareti (ASCII ondalık 39) kullanılarak sınırlandırılmasını gerektirir. Değer çift tırnak işareti ile sınırlandığında özellik değerine tek tırnak işaretleri eklenebilir veya bunun tersi de geçerlidir. Yazarlar ayrıca çift tırnak işaretlerini ( ") ve tek tırnak işaretlerini ( ) temsil etmek için sayısal karakter referanslarını kullanabilirler '. Çift tırnak için yazarlar karakter varlık referansını da kullanabilirler ".

Yani ... fark yok gibi görünüyor. Sadece tarzınıza bağlıdır.

Kullandığım "bir üst katmanı olarak ve 'çoğu insan bunu hayal gibi bir ikinci katmanı olarak. Örneğin

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

Bu örnekte, her ikisini de kullanmalısınız, kaçınılmaz.

Web Geliştiricileri için Alıntı Yapma Kuralları

Kısa Cevap

HTML'de tek tırnak işareti (') ve çift tırnak işareti (") birbirinin yerine kullanılabilir, hiçbir fark yoktur.

Ancak tutarlılık önerilir, bu nedenle bir sözdizimi kuralı seçmeli ve düzenli olarak kullanmalıyız.

Uzun Cevap

Web Geliştirme genellikle birçok programlama dilinden oluşur. HTML, JS, CSS, PHP, ASP, RoR, Python, vb. Bu nedenle, farklı programlama dilleri için birçok sözdizim kuralına sahibiz. Çoğu zaman, bir dilden gelen alışkanlıklar, "uygun", yani yorumlama kuralları olarak kabul edilmese bile, bizi diğer dillere kadar takip edecektir. Alıntılardan alıntılar da benim için bu kategoriye giriyor.

Ama ben HTML ile sıkı bir şekilde HTML kullanma eğilimindedir. PHP'de tek tırnak ve çift tırnak arasında büyük bir fark vardır . Çift tırnaklı PHP'de "dizginin metnine doğrudan değişkenler ekleyebilirsiniz". (scriptingok.com) Ve tek tırnak kullanıldığında "metin olduğu gibi görünür". (scriptingok.com)

PHP'nin çift tırnaklı dizeleri işlemesi daha uzun sürer . PHP ayrıştırıcı, içerideki herhangi bir değişkeni algılamak ve birleştirmek için tüm dizeyi önceden okuması gerektiğinden, tek tırnaklı dizeden daha uzun sürebilir. (scriptingok.com)

Tek tırnak işaretleri sunucuda daha kolaydır . PHP'nin tüm dizeyi önceden okuması gerekmediğinden, sunucu daha hızlı ve daha mutlu çalışabilir. (scriptingok.com)

Dikkate alınacak diğer şeyler

1. Dize içinde çift tırnak sıklığı. Dizelerim içinde çift tırnak (") kullanmam gerektiğini, dizeler içinde tek tırnak (') kullanmam gerekenden daha sık buluyorum.Gereken karakter kaçışlarını azaltmak için tek tırnaklı ayırıcıları tercih ediyorum.
2. Tek bir alıntı yapmak daha kolay. Bu oldukça açıklayıcıdır, ancak açıklığa kavuşturmak için neden SHIFT tuşuna basmanız gerekir.

Sözleşmem

PHP bu anlayış ile dizeleri sunucu optimizasyonu için varsayılan olarak tek tırnak olarak temsil edilecek kural (kendim ve şirketimin geri kalanı için) ayarladım. Bir öznitelik içindeki JavaScript gibi bir tırnak gerekiyorsa, dizede çift tırnak kullanılır, örneğin:

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

Tabii ki PHP'deysek ve ayrıştırıcının dize içindeki PHP değişkenlerini işlemesini istiyorsak, kasten çift tırnak kullanmalıyız. $a='Awesome'; $b = "Not $a";

Kaynaklar

PHP tek tırnak vs Çift tırnak. (nd). 26 Kasım 2014 tarihinde http://www.scriptingok.com/tutorial/Single-quotes-vs-double-quotes-in-PHP adresinden erişildi.

Her şey aynı ise, shift tuşunu basılı tutmayı gerektirmediğinden belki de tek tırnak kullanmak daha iyidir. Daha az tuş vuruşu == daha az RSI şansı.

HTML'de kullanmanızın önemli olup olmadığına inanmıyorum "veya 'belge boyunca tutarlı bir şekilde kullanılması gerekiyor.

Kendi kullanımım özellikleri / html kullanımını tercih "ederken, tüm javascript 'bunun yerine kullanır .

Bu benim için okumayı ve kontrol etmeyi biraz daha kolaylaştırıyor. Kullanımınız sizin için benimkinden daha mantıklıysa, değişime gerek yoktur. Ancak, bana göre, kodunuz dağınık hissedecekti . Kişisel hepsi bu.

Aslında, en iyi yol Google'ın önerdiği yöntemdir. Çift tırnak: https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Quotation_Marks#HTML_Quotation_Marks

Bkz. Https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Validity#HTML_Validity Google'dan Alıntı Öneriler: "Geçerli HTML kullanmak, teknik gereksinimler ve kısıtlamalar hakkında bilgi edinmeye katkıda bulunan ve bunu sağlayan ölçülebilir bir temel kalite özelliğidir doğru HTML kullanımı. "

Bir sürü insanın aynı fikirde olmadığını biliyorum , ama bunu yapıyorum ve gerçekten böyle bir kodlama stilinin tadını çıkarıyorum: Aslında kesinlikle gerekli olmadıkça HTML'de herhangi bir alıntı kullanmıyorum.

Misal:

<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>
...

Çift tırnak işaretleri yalnızca özellik değerlerinde boşluk olduğunda veya her neyse kullanılır:

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

HTML için çift tırnak kullanma

yani

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

JavaScript için tek tırnak kullanma

yani

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

Nerede çift tırnak kullanarak tek teklif (hangi işe yaramadı) kullanarak vs önemli Bootstrap kullanarak bir sorun oldu. class = 'row-fluid' bana en sağda iyi oturmak yerine son açıklığın diğer açıklıkların altına düşmesine neden olan sorunlar verirken, class = "row-fluid" çalıştı.

asp.net yazıyorsanız, zaman zaman Eval deyimlerinde çift tırnak ve değerleri sınırlamak için tek tırnak kullanmak zorundasınız - bu esas olarak C # satır içi kodun bir karakter yerine eval kapsayıcısında bir dize kullandığını bilmesidir. Şahsen ben sadece birini veya diğerini standart olarak kullanır ve karıştırmaz, hepsi dağınık görünüyor.

Aşağıdaki durumlarda "yerine" kullanılması:

<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

Aşağıdaki durumlarda 'yerine' kullanılması:

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

Html için bir fark oluşturmaz, ancak başka bir programlama dili ile dinamik olarak html oluşturuyorsanız, bir yol diğerinden daha kolay olabilir.

Örneğin Java'da çift ​​tırnak, bir Dizenin başlangıcını ve sonunu belirtmek için kullanılır, bu nedenle Dizeye bir çift tırnak eklemek istiyorsanız, ters eğik çizgiyle çıkmanız gerekir.

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

Tek tırnakla böyle bir probleminiz yok, bu nedenle tek tırnakla kullanılması Java'da daha okunabilir kodlar sağlıyor.

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

Özellikle birçok özelliğe sahip html öğeleri yazmak zorundaysanız. (Not Java'da html yazmak için genellikle jhtml gibi bir kitaplık kullanıyorum, ancak bunu yapmak her zaman pratik değil)

Burada acemi değilim ama sadece ilk tırnak içinde çift tırnak işareti kullandığımda tek tırnak işareti kullanıyorum. Eğer net değilsem size örnek göstereceğim:

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

Umarım yardımcı olmuşumdur.

Değişken isimleri değerlendirildiğinden PHP'de çift tırnak kullanımı performansında hafif bir düşüşe neden olur, bu yüzden pratikte, kod yazarken her zaman tek tırnak kullanırım:

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

Bunun yerine bunu yazabilirsiniz;

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

Javascript'in benzer şekilde çalıştığına inanıyorum, bu yüzden sizin için önemliyse, performansta çok küçük bir gelişme.

Ayrıca, HTML spec 2.0'a kadar bakarsanız, burada listelenen tüm etiketler;

W3 HTML DTD Referansı

(Çift tırnak kullanın.) Hangisini daha sık kullanmaya eğilimli olursanız olun tutarlılık önemlidir.

Dizeler için çift tırnak kullanılır (yani, "bu bir dizedir") ve bir karakter için tek tırnaklar kullanılır (yani, 'a', 'b' veya 'c'). Programlama diline ve içeriğe bağlı olarak, bir karakter için çift tırnak kullanmak yerine bir dize için tek tırnak kullanmaktan kurtulabilirsiniz.

HTML, hangisini kullandığınızla ilgilenmez. Bununla birlikte, bir PHP betiğinin içine HTML yazıyorsanız, kendinizi ve PHP'yi karıştırmamak için onlardan kaçmanız gerekeceğinden (yani, \ "ne olursa olsun \") çift tırnak işareti kullanmanız gerekir.