작은 따옴표를 피하기 위해 왜` '를 사용해서는 안됩니까?


158

언급했듯이 HTML의 작은 따옴표는 언제 인기를 얻었습니까? 속성에 jQuery를 포함 인용 , HTML에 대한 위키 백과의 항목은 다음 말한다 :

속성 값을 인용하는 데 사용되는 작은 따옴표 문자 ( ') 는 속성 값 자체에 나타날 때 이스케이프 처리 '하거나 XHTML 문서 ''제외하고는 이스케이프 처리하지 않아야 합니다.

왜 사용해서는 안 '됩니까? 또한 "대신에 사용하는 것이 안전 "합니까?



7
IE8은을 지원하지 않습니다 '.
Paul D. Waite

답변:


178

"유효한 HTML 4 엔티티 의 공식 목록에 있지만 '그렇지 않습니다.

에서 C.16. 명명 된 문자 참조 ' :

명명 된 문자 참조 ' (아포스트로피, U + 0027)는 XML 1.0에 도입되었지만 HTML에는 나타나지 않습니다. 따라서 작성자는 HTML 4 사용자 에이전트에서 예상대로 작동 하는 '대신 사용해야 합니다 '.


3
"목록에 있으므로 확인해야합니다.
Bennett McElwee

9
오늘은 IE8 머신에서 발생했습니다. 구문 분석되지 않았으므로 사용자에게 코드가 표시됩니다. & # 39; (으)로 교체 문제를 해결했다.
Michele Gargiulo

9
& aquot; & apos; 하나는 싱글이고 다른 하나는 더블입니다.
RichardTheKiwi

참고 : HTML5는 두 엔티티 모두를 지원합니다
Tarol


29

" HTML5와 HTML4 모두에서 유효합니다.

'HTML5 에서는 유효 하지만 HTML4 에서는 유효 하지 않습니다 . 그러나 대부분의 브라우저 '는 HTML4를 지원 합니다.


10
IE 8은을 지원하지 않습니다 '.
Paul D. Waite

17

당신도 HTML5에, 마크 업 의미 론적으로 올바른 작성해야하는 경우, 당신은해야 하지 사용 '작은 따옴표를 탈출. 비록 당신이 실제로 작은 따옴표 대신 아포스트로피를 의미한다고 상상할 수 있습니다.

작은 따옴표아포스트로피 는 동일하게 보이지만 의미 상 동일하지 않습니다.

아포스트로피 하나 있습니다.

'HTML4 지원이 필요한 경우 삽입하는 데 사용하십시오 . (편집)

영국 영어에서는 작은 따옴표가 다음과 같이 사용됩니다.

"그는 나에게 '시도해달라고 했어요.'"라고 말했다.

따옴표는 쌍으로 제공됩니다. 당신이 사용할 수있는:

<p><q>He told me to <q>give it a try</q></q>, I said.<p>

실제 문자를 렌더링 엔진으로 대체하는 것을 지연시켜 의미 론적으로 올바른 방식으로 따옴표를 중첩합니다. 이 대체는 다음 과 같은 CSS 규칙의 영향을받을 수 있습니다 .

q {
  quotes: '"' '"' '<' '>';
} 

의미 론적으로 올바른 마크 업에 관한 오래되었지만 겉보기에는 여전히 관련있는 기사 : EM'n EN의 문제점 (및 기타 그늘진 문자) .

(편집 됨) 다음과 같습니다.

HTML4 지원이 필요한 경우 '를 사용하여 삽입하십시오.

그러나 @James_pic이 지적했듯이, 이것은 작은 따옴표가 아니라 "단일 곡선 따옴표"입니다.


문제는 따옴표가 아닌 아포스트로피 사용에 관한 것이 었습니다. 왜 이것을 게시 하시겠습니까?
Alex Skrypnyk

9
나는 명확하게 볼 따옴표를 제목에. 문제는 & apos; . & apos; 유일한 관심사는 아닙니다.
R. Schreurs

3
작은 따옴표는 미국 영어에서도 사용됩니다.
Rob_vH

아포스트로피와 작은 따옴표는 같지 않으므로 HTML 속성 값을 묶는 데 아포스트로피를 사용해서는 안되기 때문에 이것이 허용되는 대답이어야합니다.
delroh

유니 코드에서 아포스트로피 문자 (& # 39;)는 인용 부호로 분류되며 스펙에서 "직선"인용 부호의 유일한 형식입니다. 사용하기위한 조언 & # 8217; "단일 곡선 따옴표, 오른쪽"의 문자이기 때문에 불완전합니다. 시맨틱 정확성을 실제로 사용하려는 경우 올바른 인용 부호로 사용해야하며 & # 8216; 왼쪽 인용 부호에는 ""단일 곡선 인용 부호, 왼쪽 ")을 사용해야합니다.
James_pic

2

작은 따옴표, 아포스트로피가 실제로 필요한 경우 사용할 수 있습니다.

html    | numeric | hex
&lsquo; | &#145;  | &#x91; // for the left/beginning single-quote and
&rsquo; | &#146;  | &#x92; // for the right/ending single-quote

-2

내 경우에는 text에 quote를 사용하려고 할 때 오류가 발생했습니다 Time's up!. Eslint로부터 경고가있었습니다.

이 문제를 해결하기 위해 quote를로 대체했습니다 Time&apos;s up!. 결과는 예상대로

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.