<!DOCTYPE html> 선언을 추가했을 때 스타일이 깨지는 현상은, 웹 브라우저가 "퀼크스 모드(quirks mode)"에서 "표준 모드(standards mode)"로 전환되었기 때문에 발생할 수 있습니다. 이 전환은 문서의 렌더링 방식에 영향을 미치며, 특히 CSS 해석과 레이아웃 처리에서 차이를 가져올 수 있습니다.
퀼크스 모드(Quirks Mode)와 표준 모드(Standards Mode)
- 퀼크스 모드: 과거의 웹 표준이나 비표준적인 동작을 에뮬레이션하여, 오래된 웹 사이트가 현대의 브라우저에서도 "예상대로" 작동하도록 합니다. <!DOCTYPE> 선언이 누락되었거나, 구식의 doctype이 사용되면, 브라우저는 퀼크스 모드로 렌더링을 시도할 수 있습니다.
- 표준 모드: 웹 브라우저가 가능한 한 표준에 가깝게 문서를 렌더링하려고 시도하는 모드입니다. <!DOCTYPE html> 선언으로 HTML5 문서임을 명시하면, 현대 브라우저는 이 모드로 문서를 해석합니다.
<!DOCTYPE html> 선언이 되어있지 않았던 기존 문서에 해당 태그를 입력하니 스타일이 깨지는 부분이 발생함.
그이유는 위와 같다고한다 (chatGPT)
'내 공부..' 카테고리의 다른 글
| (vue3/axios) 서버(백엔드)에서 허용해줬음에도 불구하고 CORS 오류 뜰때 (0) | 2024.06.19 |
|---|---|
| 웹 헤더와 호스트 (0) | 2024.05.27 |
| vue3(composition API) 에서 chart.js 실시간 차트(chartjs-plugin-streaming) 사용하기 (0) | 2024.04.18 |
| 이미지 변경 적용 안됨 / css 변경 적용 안됨 (style 변경) / 자바스크립트 변경 적용 안됨 이슈 (0) | 2024.03.14 |
| air-datepicker(2.2.3ver) datepicker 의 년도값만 변경시, selectDate() 적용안됨 오류 (0) | 2024.02.23 |