사용 <body> 다른 HTML 사용</strong></p> <p><style> HTML 문서 내의 태그는 렌더링 순서 및 브라우저 동작에 대한 질문을 제기할 수 있습니다. HTML 4에서는 <style> 태그는 <head> 섹션에서 브라우저는 <body> 내 배치를 허용하는 경우가 많습니다.</p> <p><strong>비연속 CSS</strong></p> <p><style> 태그가 <body> 내의 여러 위치에 나타나면 브라우저는 연속되지 않은 CSS 규칙을 처리해야 하는 문제에 직면하게 됩니다. 두 가지 가능한 접근 방식이 있습니다.</p> <ul> <li> <strong>순차 렌더링:</strong> 브라우저는 스타일을 재정의하는 후속 규칙을 무시하고 CSS 규칙이 나타나는 순서에만 따라 요소를 렌더링할 수 있습니다.</li> <li> <strong>데이터 구조 생성:</strong> 대안으로 브라우저는 페이지의 모든 CSS 스타일을 나타내는 데이터 구조를 구성하고 렌더링에 사용하세요. 이 접근 방식을 사용하면 나중 규칙이 이전 규칙을 재정의합니다.</li> </ul> <p><strong>범위 대 순서</strong></p> <p>HTML 4에서 <style> 태그는 <head> 특정한 이유: 전체 문서에 적용되는 전역 CSS 규칙을 설정하기 위해서입니다. 그러나 최신 버전의 HTML에는 <style>에 대한 <strong>scoped</strong> 속성이 도입되었습니다. 태그.</p> <p>이 속성을 사용하면 문서 내 위치에 관계없이 HTML의 특정 부분에만 CSS 규칙을 적용할 수 있습니다. 따라서 <스타일 범위> 태그는 <body> 해당 부분에 포함된 요소에만 영향을 미칩니다.</p> <p><strong>브라우저 동작</strong></p> <p>범위가 지정된 속성에 대한 브라우저 지원은 다양하다는 점에 유의하는 것이 중요합니다. HTML5 사양에 포함되어 있지만 현재 이를 구현하는 주요 브라우저는 거의 없습니다. 이는 대부분의 경우 <style> <body> 내의 태그 HTML 4에서와 마찬가지로 규칙을 전역적으로 적용합니다.</p> <p><strong>모범 사례 및 고려 사항</strong></p> <p><style> <body> 내의 태그를 사용하는 일부 개발자는 다음과 같은 여러 가지 이유로 이러한 관행을 권장하지 않습니다.</p> <ul> <li> <strong>검증 충돌:</strong> <style> <body> 내의 태그 특정 도구에서는 유효성 검사 오류가 발생할 수 있습니다.</li> <li> <strong>전역 범위 혼란:</strong> 개발자는 의도한 범위 밖의 요소에 CSS 규칙을 실수로 적용할 수 있습니다.</li> <li> <strong>향후 호환성: </strong> 범위가 지정된 속성에 대한 광범위한 브라우저 지원이 부족하면 최신 버전에서 예기치 않은 동작이 발생할 수 있습니다. </li> </ul> <p>따라서 <style> <body> 내의 태그 기술적으로 가능하지만 일반적으로 <style>의 전통적인 배치를 고수하는 것이 좋습니다. <head> 섹션을 참조하여 명확성, 일관성 및 모범 사례 준수를 확인하세요.</p>
