javascript - 본문 뒤와 본문 앞에 작성된 스타일 태그의 차이점은 무엇입니까

Question

body 뒤에 쓰여진 스타일 태그와 body 앞에 쓰여진 스타일 태그의 차이점은 무엇인가요?

Answer 1

브라우저에서 점진적인 렌더링을 용이하게 하기 위해 헤드 태그에 작성됩니다(리소스 다운로드->CSSOM+DOM->RenderTree(컴포지트)->레이아웃->페인트). 구체적인 렌더링 과정은
http://blog.csdn.net/wozaixia...
body 태그 뒤에 작성됩니다. 브라우저는 HTML 문서를 한줄씩 파싱하므로, 에 작성된 스타일시트를 파싱할 때 끝(외부(스타일 태그에 결합되거나 작성됨))은 브라우저가 이전 렌더링을 중지하고 다시 렌더링하기 전에 스타일 시트의 로드 및 구문 분석이 완료될 때까지 기다리게 합니다. FOUC는 Windows의 IE에서 발생할 수 있습니다(즉, 스타일 실패로 인한 페이지 깜박임 문제입니다)

Answer 2

맨 마지막에 바디를 먼저 로드하고 스타일을 로드한다는 내용이 있는데 무슨 차이가 있을까요? .

Answer 3

뒤에 쓰면 FOUC가 발생할 수 있으니 앞쪽에 쓰는 것이 좋습니다

Answer 4

로딩 순서는 본체보다 앞쪽이 먼저 로드되고 본체가 로드된 후 마지막이 로드된 다음 로드됩니다

Answer 5

페이지 로딩 시 크롤러가 HTML 모드로 진입하는 것과 관련이 있습니다. 본문 뒤에 작성되어 CSS 코드로 크롤링할 때 크롤러가 CSS 모드로 진입하면 흰색 화면이 나타날 수 있습니다.

Answer 6

일반적으로 스타일은 머리 사이에 배치됩니다. 스타일이 맨 아래에 배치된 경우. 태그를 로드하고 스타일을 렌더링합니다. 천천히 로드되면 춤추는 모습을 볼 수 있습니다.