HTML을 직접 작성할 때는 항상 작은 따옴표를 사용했습니다. 나는 항상 큰 따옴표를 사용하는 많은 렌더링 된 HTML로 작업합니다. 이를 통해 HTML을 직접 작성했는지 또는 생성했는지 확인할 수 있습니다. 이것이 좋은 생각입니까?

이 둘의 차이점은 무엇입니까? 둘 다 작동하고 모든 최신 브라우저에서 지원되지만 다른 상황에서 다른 브라우저보다 실제로 더 나은 실제 차이점이 있습니까?

W3 조직 은 말했다 :

기본적으로 SGML에서는 모든 속성 값을 큰 따옴표 (ASCII 10 진수 34) 또는 작은 따옴표 (ASCII 10 진수 39)를 사용하여 구분해야합니다. 값이 큰 따옴표로 구분되고 그 반대의 경우에는 작은 따옴표가 속성 값에 포함될 수 있습니다. 저자는 숫자 참조를 사용하여 큰 따옴표 ( ")와 작은 따옴표 ( ') 를 나타낼 수도 있습니다 . 큰 따옴표의 경우 작성자는 문자 엔터티 참조를 사용할 수도 있습니다 ".

그래서 ... 차이가없는 것 같습니다. 당신의 스타일에만 의존합니다.

나는 대부분의 사람들이 생각하는 것처럼 "최상위 계층과 '두 번째 계층으로 사용합니다. 예를 들어

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

이 예에서는 두 가지를 모두 사용해야하며 불가피합니다.

웹 개발자를위한 인용 규칙

짧은 대답

HTML에서 작은 따옴표 ( ')와 큰 따옴표 ( ")는 서로 바꿔 사용할 수 있으며 차이가 없습니다.

그러나 일관성이 권장되므로 구문 규칙을 선택하고 정기적으로 사용해야합니다.

긴 대답

웹 개발은 종종 많은 프로그래밍 언어로 구성됩니다. HTML, JS, CSS, PHP, ASP, RoR, Python 등. 이 때문에 다양한 프로그래밍 언어에 대한 많은 구문 규칙이 있습니다. 한 언어로 된 습관은 다른 언어로 우리를 따라가는 경우가 있습니다. 예를 들어 "적절한"것으로 간주되지 않는 경우도 있습니다. 인용 규칙도이 범주에 속합니다.

그러나 PHP와 함께 HTML을 단단히 사용하는 경향이 있습니다. 그리고 PHP에서는 작은 따옴표와 큰 따옴표 사이에 큰 차이가 있습니다. 큰 따옴표가있는 PHP에서 "문자열의 텍스트 내에 변수를 직접 삽입 할 수 있습니다". (scriptingok.com) 작은 따옴표를 사용하면 "텍스트가 그대로 나타납니다". (scriptingok.com)

큰 따옴표로 묶인 문자열을 처리하는 데 시간이 오래 걸립니다 . PHP 파서는 전체 문자열을 미리 읽어서 내부의 모든 변수를 감지하고 연결하여 작은 따옴표로 묶은 문자열보다 처리하는 데 시간이 오래 걸립니다. (scriptingok.com)

작은 따옴표는 서버에서 더 쉽습니다 . PHP는 전체 문자열을 미리 읽을 필요가 없으므로 서버가 더 빠르고 행복하게 작동 할 수 있습니다. (scriptingok.com)

고려해야 할 다른 것들

1. 문자열 내에서 큰 따옴표의 빈도. 문자열 내에서 작은 따옴표 ( ')를 사용하는 것보다 문자열 내에서 큰 따옴표 ( ")를 더 자주 사용해야한다는 것을 알았습니다. 필요한 문자 이스케이프 수를 줄이려면 작은 따옴표 구분 기호를 사용하십시오.
2. 작은 따옴표를 만드는 것이 더 쉽습니다. 이것은 상당히 자명하지만 명확하게하기 위해 왜 Shift 키를 더 많은 시간을 누르십시오.

나의 컨벤션

PHP에 대한 이러한 이해를 통해 서버 최적화를 위해 기본적으로 문자열을 작은 따옴표로 표시해야한다는 규칙을 (나 자신과 회사의 나머지 부분을 위해) 설정했습니다. 속성 내에 JavaScript와 같이 따옴표가 필요한 경우 문자열 내에 큰 따옴표가 사용됩니다 (예 :

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

물론 우리가 PHP에 있고 파서가 문자열 내에서 PHP 변수를 처리하도록하려면 의도적으로 큰 따옴표를 사용해야합니다. $a='Awesome'; $b = "Not $a";

출처

PHP에서 작은 따옴표와 큰 따옴표. (nd). http://www.scriptingok.com/tutorial/Single-quotes-vs-double-quotes-in-PHP 에서 2014 년 11 월 26 일에 확인 함

모두 같으면 작은 따옴표를 사용하는 것이 좋습니다. Shift 키를 누를 필요가 없기 때문입니다. 키 입력 횟수가 적을수록 RSI 확률이 줄어 듭니다.

HTML에서 나는 사용 여부가 중요한 믿지 않는 "나 ',하지만 문서 전체에서 일관되게 사용되어야한다.

내 사용법은 attributes / html use을 선호 "하지만 모든 javascript는 '대신 사용 합니다.

이것은 내가 읽고 확인하기가 조금 더 쉬워집니다. 당신의 사용이 나의 것보다 당신에게 더 의미가 있다면, 변경할 필요가 없습니다. 그러나 나에게 당신의 코드는 지저분 해질 것 입니다. 개인적입니다.

실제로 가장 좋은 방법은 Google이 권장하는 방법입니다. 큰 따옴표 : https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Quotation_Marks#HTML_Quotation_Marks

참조 https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Validity#HTML_Validity 구글에서 인용 조언 : "유효한 HTML을 사용하면 측정 기준 품질 속성입니다 기술적 요구 사항과 제약 조건 및 보장에 대한 학습에 기여 적절한 HTML 사용법. "

나는 많은 사람들이 동의하지 않을 것이라는 것을 알고 있지만 이것이 내가하는 일이며 실제로 그러한 코딩 스타일을 좋아합니다. 절대적으로 필요한 경우가 아니라면 실제로 HTML에서는 인용 부호를 사용하지 않습니다.

예:

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

큰 따옴표는 속성 값에 공백이 있거나 다음과 같은 경우에만 사용됩니다.

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

HTML에 큰 따옴표 사용

즉

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

JavaScript에 작은 따옴표 사용

즉

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

큰 따옴표를 사용하는 것과 작은 따옴표를 사용하는 것 (작동하지 않는)이 Bootstrap을 사용하는 데 문제가있었습니다. class = 'row-fluid'는 마지막 스팬이 맨 오른쪽 옆에 멋지게 앉아있는 것이 아니라 다른 스팬 아래로 떨어지는 문제를 주었지만 class = "row-fluid"는 효과가있었습니다.

asp.net을 작성하는 경우 때때로 Eval 문에 큰 따옴표를 사용하고 값을 구분하기 위해 작은 따옴표를 사용해야합니다. 이는 주로 C # 인라인 코드가 문자가 아닌 eval 컨테이너의 문자열을 사용하도록 알립니다. 개인적으로 하나 또는 다른 것을 표준으로 사용하고 혼합하지는 않을 것입니다.

다음과 같은 경우 '대신'를 사용하십시오.

<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

다음과 같은 경우에 "대신"을 사용하십시오.

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

HTML과 아무런 차이가 없지만 다른 프로그래밍 언어로 HTML을 동적으로 생성하는 경우 한 가지 방법이 다른 방법보다 쉬울 수 있습니다.

예를 들어 Java 에서 큰 따옴표는 문자열의 시작과 끝을 나타내는 데 사용되므로 문자열에 큰 따옴표를 포함하려면 백 슬래시로 이스케이프해야합니다.

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

작은 따옴표에는 그런 문제가 없으므로 작은 따옴표를 사용하면 Java에서 더 읽기 쉬운 코드가 만들어집니다.

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

특히 많은 속성을 가진 html 요소를 작성 해야하는 경우 (주로 jhtml과 같은 라이브러리를 사용하여 Java로 HTML을 작성하지만 항상 실용적인 것은 아닙니다)

나는 여기 초보자이지만 첫 번째 안에 큰 따옴표를 사용할 때만 작은 따옴표를 사용합니다. 확실하지 않으면 예를 보여줍니다.

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

도움이 되었기를 바랍니다.

PHP에서 큰 따옴표를 사용하면 변수 이름이 평가되므로 성능이 약간 저하되므로 실제로 코드를 작성할 때 항상 작은 따옴표를 사용합니다.

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

따라서 대신 쓸 수 있습니다.

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

나는 자바 스크립트가 비슷하게 작동한다고 생각하므로 성능이 매우 약간 향상됩니다.

또한 HTML spec 2.0까지 살펴보면 여기에 나열된 모든 태그가 있습니다.

W3 HTML DTD 참조

(큰 따옴표를 사용하십시오.) 더 자주 사용하는 경향이 있더라도 일관성이 중요합니다.

큰 따옴표는 문자열 (예 : "this is a string")에 사용되고 작은 따옴표는 문자 (예 : 'a', 'b'또는 'c')에 사용됩니다. 프로그래밍 언어 및 컨텍스트에 따라 문자에 큰 따옴표를 사용하지만 문자열에 작은 따옴표는 사용하지 않아도됩니다.

HTML은 어떤 것을 사용하든 상관 없습니다. 그러나 PHP 스크립트 내에서 HTML을 작성하는 경우, 자신과 PHP를 혼동하지 않으려면 큰 따옴표를 붙여야합니다 (예 : \ "whatever \").