CSS 명명된 그리드 영역이 따옴표로 묶이지 않는 이유는 무엇입니까?

CSS 명명된 그리드 영역이 따옴표로 묶이지 않은 이유는 무엇입니까?

CSS 그리드에서 명명된 그리드 영역은 따옴표 없이 Grid-area 속성을 사용하여 정의됩니다. 그리드를 사용하여 그리드 영역 이름을 만들 때 이름이 따옴표로 묶여 있기 때문에 이는 직관에 어긋나는 것처럼 보일 수 있습니다: "area1 Area2" / 1fr 1fr;. 그러나 이 디자인 선택은 CSS 사양의 나머지 부분과의 일관성을 위해 이루어졌습니다.

다른 CSS 속성과의 일관성

거의 모든 CSS 속성은 값에 문자열이 아닌 식별자를 사용합니다. 예외에는 글꼴 모음, 콘텐츠 및 그리드 템플릿 영역과 같은 문자열 기반 속성이 포함됩니다. 명명된 그리드 영역 값에 대한 식별자를 유지함으로써 CSS는 전체 구문과 일관성을 유지합니다.

구문 간의 차별화 유지

명명된 그리드 영역을 그리드 템플릿 영역과 문자열 모두로 표현하기로 결정 그리드 영역의 식별자는 두 가지 목적으로 사용됩니다:

1. 시각적 그룹화: 괄호 안의 식별자는 동일한 위치에 대한 이름을 시각적으로 그룹화합니다.
2. 두 구문의 공존 허용: 이러한 차별화를 통해 그리드 템플릿 영역 구문과 명명된 행을 다음과 같이 사용할 수 있습니다. 그리드 속기 속성 내에 공존합니다.

CSS 그리드 사양의 이론적 근거 개발자

CSS 그리드 사양 개발 중 진행된 토론에서 발췌하여 식별자 사용의 이유를 설명합니다.

명명된 줄 구문:

" 이전의 명명된 줄 구문은 어색했고 문자열을 CSS 내부 식별자로 사용했는데, 다른 곳에서는 이를 식별자로 전환하여 사용하지 않습니다. 나머지 CSS와의 일관성을 보장하고 이름을 시각적으로 그룹화할 수 있습니다."

문자열 대신 식별자 사용:

"줄 이름을 식별자로 전환하는 것이 좋습니다. . 그렇게 하면 현재의 끔찍한 구문 문제가 해결되고 나머지 CSS 구문과의 일관성이 제공됩니다."

결론

처음에는 직관에 어긋나는 것처럼 보일 수 있지만 명명된 그리드 영역에 식별자를 사용하면 전체적인 결과가 향상됩니다. CSS의 일관성. 대부분의 속성 값과 일치하고 더 나은 시각적 그룹화가 가능하며 다양한 그리드 구문 간의 호환성이 가능합니다.

위 내용은 CSS 명명된 그리드 영역이 따옴표로 묶이지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!