삽입 <body></strong></p> <p>HTML 4 내의 태그는 <style> 태그는 <head> 부분. 그러나 대부분의 브라우저에서는 <body> 요소.</p> <p>역사적으로 이러한 방식은 좋지 않은 프로그래밍 스타일로 간주되었습니다. 그러나 HTML 5에 범위가 지정된 속성이 도입되면서 <style>의 상위 요소 내에서 범위가 지정된 스타일시트를 생성할 수 있습니다. 꼬리표. 이렇게 하면 <style> 태그는 <body> 요소에서는 특정 제한 사항을 준수해야 합니다.</p> <p><strong>사례 연구: 범위 지정 스타일</strong></p> <p>다음 HTML 코드를 고려하세요.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><!DOCTYPE html> <html> <head></head> <body> <div></pre><div class="contentsignin">로그인 후 복사</div></div><p>HTML에서 -5 범위 속성을 지원하는 브라우저가 활성화되어 이 코드를 렌더링하면 스타일시트 범위가 <div> element.<p><strong>경고: 범위 지정 속성 지원 부족</strong></p><p>2013년 5월(작성 당시) 현재 범위 지정 속성을 지원하는 주류 브라우저가 없다는 점에 유의하는 것이 중요합니다. . 그러나 Chromium의 개발자 빌드에서는 이를 지원했습니다.</p><p><strong>의미: 미래 보장 및 현재 브라우저 동작</strong></p><p>범위 속성에 대한 지원이 부족함에도 불구하고 현재 브라우저는 일반적으로 허용합니다. <스타일> </p><p></p></pre> <ul> <li>범위가 지정된 속성은 대부분의 브라우저에서 무시됩니다</li> <li><style> <body> 내의 태그 대부분의 브라우저에서 허용됩니다</li> <li>향후 구현에서는 범위가 지정된 <style> <body></li> </ul> <p><style> 태그를 삽입하는 것은 본질적으로 무해합니다. 범위가 지정된 속성으로 미래에도 대비할 수 있는 경우 <body> 내의 태그입니다. 유일한 단점은 현재 브라우저가 스타일시트의 범위를 지정하지 않는다는 것입니다.</p> <p><strong>결론</strong></p> <p>HTML 내에 CSS를 삽입하는 것은 캡슐화된 모듈식 구성 요소에 대한 특정 스타일을 달성하는 편리한 방법입니다. 이러한 관행은 한때 잘못된 스타일로 간주되었지만 HTML 5의 범위 속성은 합법적인 솔루션을 제공합니다. 그러나 브라우저 지원 제한 사항과 그에 따른 미래 보장 코드를 인지하는 것이 중요합니다.</p>
