Tôi đã luôn sử dụng các trích dẫn đơn khi viết HTML bằng tay. Tôi làm việc với rất nhiều HTML được kết xuất luôn sử dụng dấu ngoặc kép. Điều này cho phép tôi xác định xem HTML được viết bằng tay hay được tạo. Đây có phải là một ý tưởng tốt?

Sự khác biệt giữa hai là gì? Tôi biết cả hai đều hoạt động và được hỗ trợ bởi tất cả các trình duyệt hiện đại nhưng có một sự khác biệt thực sự nơi một cái thực sự tốt hơn cái kia trong các tình huống khác nhau?

Các w3 org đã nói :

Theo mặc định, SGML yêu cầu tất cả các giá trị thuộc tính được phân tách bằng dấu ngoặc kép (ASCII thập phân 34) hoặc dấu ngoặc kép đơn (ASCII thập phân 39). Dấu ngoặc đơn có thể được bao gồm trong giá trị thuộc tính khi giá trị được phân định bằng dấu ngoặc kép và ngược lại. Tác giả cũng có thể sử dụng tham chiếu ký tự số để biểu thị dấu ngoặc kép ( ") và dấu ngoặc đơn ( '). Đối với dấu ngoặc kép, tác giả cũng có thể sử dụng tham chiếu thực thể ký tự ".

Vì vậy ... dường như không có gì khác biệt. Chỉ phụ thuộc vào phong cách của bạn.

Tôi sử dụng "như một tầng trên cùng và 'như một tầng thứ hai, như tôi tưởng tượng hầu hết mọi người làm. Ví dụ

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

Trong ví dụ đó, bạn phải sử dụng cả hai, điều đó là không thể tránh khỏi.

Trích dẫn các quy ước cho các nhà phát triển web

Câu trả lời ngắn

Trong HTML, việc sử dụng dấu ngoặc đơn (') và dấu ngoặc kép (") có thể thay thế cho nhau, không có sự khác biệt.

Nhưng tính nhất quán được khuyến nghị, do đó chúng ta phải chọn một quy ước cú pháp và sử dụng nó thường xuyên.

Câu trả lời dài

Phát triển web thường bao gồm nhiều ngôn ngữ lập trình. HTML, JS, CSS, PHP, ASP, RoR, Python, ect. Do đó, chúng tôi có nhiều quy ước cú pháp cho các ngôn ngữ lập trình khác nhau. Thông thường những thói quen từ một ngôn ngữ sẽ theo chúng ta đến các ngôn ngữ khác, ngay cả khi nó không được coi là "đúng" tức là các quy ước bình luận. Công ước trích dẫn cũng thuộc loại này cho tôi.

Nhưng tôi có xu hướng sử dụng HTML chặt chẽ kết hợp với PHP. Và trong PHP có một sự khác biệt lớn giữa dấu ngoặc đơn và dấu ngoặc kép. Trong PHP với dấu ngoặc kép "bạn có thể chèn các biến trực tiếp trong văn bản của chuỗi". (scriptingok.com) Và khi sử dụng dấu ngoặc đơn "văn bản sẽ xuất hiện". (scriptingok.com)

PHP mất nhiều thời gian hơn để xử lý chuỗi trích dẫn kép . Do trình phân tích cú pháp PHP phải đọc toàn bộ chuỗi trước để phát hiện bất kỳ biến nào trong bộ dữ liệu và ghép nối nó nên nó mất nhiều thời gian để xử lý hơn một chuỗi được trích dẫn. (scriptingok.com)

Báo giá đơn dễ dàng hơn trên máy chủ . Vì PHP không cần phải đọc toàn bộ chuỗi trước, nên máy chủ có thể hoạt động nhanh hơn và hạnh phúc hơn. (scriptingok.com)

Những thứ khác để xem xét

1. Tần suất của dấu ngoặc kép trong chuỗi. Tôi thấy rằng tôi cần sử dụng dấu ngoặc kép (") trong chuỗi của mình thường xuyên hơn tôi cần sử dụng dấu ngoặc đơn (') trong chuỗi. Để giảm số lần thoát ký tự cần thiết, tôi ưu tiên các dấu phân cách trích dẫn đơn.
2. Thật dễ dàng để thực hiện một trích dẫn. Điều này khá tự giải thích nhưng để làm rõ, tại sao nhấn phím SHIFT nhiều lần hơn thì bạn phải làm.

Hội nghị của tôi

Với sự hiểu biết về PHP này, tôi đã đặt ra quy ước (cho bản thân tôi và phần còn lại của công ty tôi) rằng các chuỗi sẽ được biểu diễn dưới dạng các trích dẫn theo mặc định để tối ưu hóa máy chủ. Dấu ngoặc kép được sử dụng trong chuỗi nếu một dấu ngoặc kép được yêu cầu, chẳng hạn như JavaScript trong một thuộc tính, ví dụ:

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

Tất nhiên, nếu chúng ta ở trong PHP và muốn trình phân tích cú pháp xử lý các biến PHP trong chuỗi, chúng ta nên cố ý sử dụng dấu ngoặc kép. $a='Awesome'; $b = "Not $a";

Nguồn

Dấu ngoặc đơn so với dấu ngoặc kép trong PHP. (thứ). Truy cập ngày 26 tháng 11 năm 2014, từ http://www.scriptingok.com/tutorial/Single-quotes-vs-double-quotes-in-PHP

Nếu tất cả đều giống nhau, có lẽ sử dụng dấu ngoặc đơn sẽ tốt hơn vì nó không yêu cầu giữ phím shift. Ít tổ hợp phím hơn == cơ hội ít hơn của RSI.

Trong HTML tôi không tin rằng vấn đề là bạn sử dụng "hay ', nhưng nó nên được sử dụng nhất quán trong toàn bộ tài liệu.

Việc sử dụng của riêng tôi thích các thuộc tính / html sử dụng ", trong khi tất cả các javascript sử dụng 'thay thế.

Điều này làm cho nó dễ dàng hơn một chút, đối với tôi, để đọc và kiểm tra. Nếu việc sử dụng của bạn có ý nghĩa với bạn hơn tôi, thì không cần phải thay đổi. Nhưng, với tôi, mã của bạn sẽ cảm thấy lộn xộn. Đó là cá nhân là tất cả.

Trên thực tế, cách tốt nhất là cách Google khuyến nghị. Dấu ngoặc kép: https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Quotation_Marks#HTML_Quotation_Marks

Xem https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Valids#HTML_Valid Lời khuyên được trích dẫn từ Google: "Sử dụng HTML hợp lệ là thuộc tính chất lượng cơ sở có thể đo lường được, góp phần tìm hiểu về các yêu cầu và ràng buộc kỹ thuật và đảm bảo sử dụng HTML đúng cách. "

Tôi biết LOTS người sẽ không đồng ý, nhưng đây là những gì tôi làm và tôi thực sự tận hưởng một phong cách mã hóa như vậy: Tôi thực sự không sử dụng bất kỳ quote trong HTML trừ khi nó là hoàn toàn cần thiết.

Thí dụ:

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

Dấu ngoặc kép chỉ được sử dụng khi có khoảng trắng trong các giá trị thuộc tính hoặc bất cứ điều gì:

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

Sử dụng dấu ngoặc kép cho HTML

I E

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

Sử dụng dấu ngoặc đơn cho JavaScript

I E

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

Tôi đã gặp sự cố khi sử dụng Bootstrap khi sử dụng dấu ngoặc kép có vấn đề so với sử dụng dấu ngoặc đơn (không hoạt động). class = 'row-liquid' đã cho tôi các vấn đề khiến nhịp cuối cùng giảm xuống dưới các nhịp khác thay vì ngồi độc đáo bên phải ở phía bên phải, trong khi class = "row-liquid" hoạt động.

nếu bạn đang viết asp.net thì thỉnh thoảng bạn phải sử dụng dấu ngoặc kép trong câu lệnh Eval và dấu ngoặc đơn để phân định các giá trị - điều này chủ yếu để mã nội tuyến C # biết sử dụng chuỗi trong bộ chứa eval chứ không phải là ký tự. Cá nhân tôi chỉ sử dụng cái này hoặc cái kia như một tiêu chuẩn và không trộn lẫn chúng, nó trông có vẻ lộn xộn.

Sử dụng "thay vì" khi:

<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

Sử dụng 'thay vì "khi:

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

Nó không có gì khác biệt với html nhưng nếu bạn đang tạo html động với ngôn ngữ lập trình khác thì một cách có thể dễ dàng hơn so với cách khác.

Ví dụ, trong Java , trích dẫn kép được sử dụng để chỉ ra điểm bắt đầu và kết thúc của Chuỗi, vì vậy nếu bạn muốn bao gồm một doublequote trong Chuỗi, bạn phải thoát nó bằng dấu gạch chéo ngược.

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

Bạn không gặp vấn đề như vậy với một trích dẫn, do đó, việc sử dụng một trích dẫn sẽ tạo ra mã dễ đọc hơn trong Java.

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

Đặc biệt là nếu bạn phải viết các phần tử html có nhiều thuộc tính. (Lưu ý tôi thường sử dụng một thư viện như jhtml để viết html bằng Java, nhưng không phải lúc nào cũng thực tế để làm như vậy)

Tôi là người mới ở đây nhưng tôi chỉ sử dụng dấu ngoặc kép khi tôi sử dụng dấu ngoặc kép bên trong dấu đầu tiên. Nếu tôi không rõ ràng, tôi chỉ cho bạn ví dụ:

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

Tôi mong tôi đã giúp đỡ được.

Trong PHP sử dụng dấu ngoặc kép làm giảm hiệu suất một chút vì tên biến được đánh giá, vì vậy trong thực tế, tôi luôn sử dụng dấu ngoặc đơn khi viết mã:

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

Vì vậy, bạn có thể viết này thay thế;

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

Tôi tin rằng các chức năng Javascript tương tự, vì vậy một cải tiến rất nhỏ về hiệu suất, nếu điều đó quan trọng với bạn.

Ngoài ra, nếu bạn nhìn xuống HTML spec 2.0, tất cả các thẻ được liệt kê ở đây;

Tham chiếu DTD HTML W3

(Sử dụng doublequote.) Tính nhất quán là quan trọng cho dù bạn có xu hướng sử dụng thường xuyên hơn.

Dấu ngoặc kép được sử dụng cho các chuỗi (nghĩa là "đây là một chuỗi") và dấu ngoặc đơn được sử dụng cho một ký tự (nghĩa là 'a', 'b' hoặc 'c'). Tùy thuộc vào ngôn ngữ lập trình và ngữ cảnh, bạn có thể thoát khỏi việc sử dụng dấu ngoặc kép cho một ký tự nhưng không phải là dấu ngoặc đơn cho một chuỗi.

HTML không quan tâm đến cái bạn sử dụng. Tuy nhiên, nếu bạn đang viết HTML bên trong tập lệnh PHP, bạn nên giữ dấu ngoặc kép vì bạn sẽ cần thoát chúng (nghĩa là \ "sao cũng được \") để tránh nhầm lẫn giữa bản thân và PHP.