HTML 문서에서 외부 스타일시트를 참조하는 올바른 위치는 무엇입니까?
- 青灯夜游원래의
- 2021-02-03 15:12:5717576검색
html 문서에서 외부 스타일 시트를 참조하는 올바른 위치는 "" 부분입니다. 브라우저 코드는 위에서 아래로 파싱되기 때문에 CSS를 맨 아래에 놓으면 네트워크 속도가 느릴 때 html 코드는 로드되지만 CSS는 로드되지 않아 페이지에 스타일이 없고 밋밋해집니다. 읽기 어렵기 때문에 CSS 스타일을 먼저 로드하면 페이지가 정상적으로 표시될 수 있습니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
html 문서에서 외부 스타일 시트를 참조하는 올바른 위치는 "<head>" 섹션입니다.
헤더<head> 부분은 왜 외부 링크 CSS에 배치해야 하나요?
먼저 전체 페이지가 사용자에게 표시되고 html 파싱 및 렌더링 과정을 거칩니다.
외부 링크 CSS는 html의 구문 분석에는 영향을 미치지 않지만 위치에 관계없이 html의 렌더링에는 영향을 미칩니다.
Css를 마지막에 넣으면 html의 내용은 바로 표시될 수 있지만, html 줄에서 CSS의 렌더링이 차단됩니다. [추천 튜토리얼: CSS 비디오 튜토리얼 ]
브라우저의 이 전략은 실제로 매우 현명합니다. 이 전략이 없으면 페이지가 먼저 인라인 CSS 스타일을 표시한 다음 CSS를 다운로드한 후 갑자기 다른 스타일로 변경됩니다. 모습. 사용자 경험은 매우 열악하고 렌더링 비용이 많이 듭니다.
Css를 헤드에 넣으면 CSS의 다운로드와 파싱이 html의 파싱과 동시에 이루어질 수 있습니다. 마지막에 넣으면 CSS를 파싱하는 데 추가 시간이 걸리고 브라우저가 먼저 렌더링됩니다. 스타일이 지정되지 않은 페이지 등. CSS가 로드된 후 스타일이 지정된 페이지로 렌더링되고 페이지가 확실히 깜박입니다.
더 많은 컴퓨터 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !
위 내용은 HTML 문서에서 외부 스타일시트를 참조하는 올바른 위치는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!