인용 여부: CSS에서 글꼴 계열 이름을 언제 따옴표로 묶어야 합니까?

문체 딜레마 해결: CSS에서 글꼴 계열 이름을 따옴표로 묶어야 할까요?

글꼴 계열 이름 포함 필요성을 둘러싼 논쟁 인용문은 CSS 커뮤니티에 남아 있습니다. 이 질문은 최신 브라우저가 도전해 온 오랜 "모범 사례"에서 비롯되었습니다. 이 규칙 뒤에 숨은 기술과 논리를 살펴보겠습니다.

기술적 기반

CSS 2.1 사양에 따르면 글꼴 모음 이름은 따옴표를 사용하거나 사용하지 않고 지정할 수 있습니다. 따옴표가 없는 경우 이름은 일련의 식별자여야 합니다. 그러나 식별자에는 공백이나 특정 문장 부호 문자가 포함될 수 없습니다. 이러한 문자를 포함하려면 이스케이프 처리하거나 이름을 인용해야 합니다.

경험상 공백, 숫자 또는 하이픈 이외의 구두점이 포함된 글꼴 모음 이름을 인용하는 것이 좋습니다. 이 권장 사항은 이스케이프 시 발생할 수 있는 오류를 방지합니다.

실용적 의미

실제로 공백이 포함된 글꼴 모음 이름에서 따옴표를 제거해도 Safari와 같은 주요 브라우저에서는 문제가 발생하지 않는 것으로 보입니다. 그리고 파이어폭스. 이는 따옴표를 사용하는 "모범 사례"가 최신 브라우저에 필수적이지 않을 수 있음을 시사합니다. 그러나 몇 가지 예외가 있습니다.

• 키워드 혼동: CSS 키워드와 동일한 글꼴군 이름(예: 'serif', 'monospace')은 인용되어야 합니다. 혼동을 방지합니다.
• 이스케이프가 필요한 식별자: 구두점(예: / 또는 !) 식별자 내에는 인용이나 이스케이프가 필요할 수 있습니다.

권장 사항

최신 브라우저에서는 공백이 포함된 글꼴군 이름에 대해 따옴표를 요구하지 않을 수 있지만, 특수 문자나 CSS 키워드 일치는 여전히 신중한 관행입니다. 일관성과 명확성을 보장하고 잠재적인 위험을 방지합니다.

위 내용은 인용 여부: CSS에서 글꼴 계열 이름을 언제 따옴표로 묶어야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!