반응형
HTML
- XML 형태의 Document 이다.
- 이 Document는 Dom 트리로 파싱되고 이를 기반으로 브라우저는 렌더링을 한다.
HTML 개발 표준
기준 버전을 어디로 잡을지 정해야 하는데 만약 모든 버전을 호환하고 싶은 IE8을 개발 표준으로 잡아서 상위 버전까지 호환한다.
HTML Doctype
HTML 5 vs 4.0 vs XHTML 1.0 호환 모드별 허용 태그
선언의 효용성은 아래 표와 같이 버전별로 허용되는 태그가 다르기 때문에 의미가 있습니다. 과거 기준으로 작성된 웹문서도 그 당시의 웹표준을 선언을 통해 구현하면 웹브라우저는 해당 문서를 웹표준으로 인식할 수 있습니다.
따라서 선언을 통해서 HTML 태그의 기술 발전으로 문법 기준이 변경되면서도 과거에 작성된 웹자료들을 과거 기준을 통해서 적절하게 보존할 수 있습니다.
Doctype은 HTML에 버전을 나타내며 각 버전에 맞게 HTML을 렌더링 한다.
X-UA-Compatible Meta 태그
마이크로소프트 익스플로러의 버전을 지정할 수 있다. Edge는 브라우저가 사용할 수 있는 최신버전을 의미하며, IE11, IE10, IE9, IE8은 각 브라우저의 엔진으로 해당 페이지를 렌더링하겠다는 의미이다.
엔터프라이즈 모드
엔터프라이즈 모드의 경우 하위 버전으로 강제로 엔진을 낮추는 것이다. (IE8, IE7, IE5)
HTML5
- 의미요소를 허용
- 요소가 자기 스스로 브라우저와 개발자 모두에게 자신이 사용된 의미를 명확히 전달
- header, nav, main, section, article, aside, footer, figure ...
비표준
- frame, frameset, noframes 는 비표준 -> iframe 표준
놓치고 있던 것들 정리
meta 태그
- Documnet에서 나타나지 않는 문서에 대한 정보를 포함한다.(문자셋(웹브라우저에게 알림), 썸네일)
select readonly
<!-- 속성에 초기값을 저장했다가 데이터 변경 시 다시 초기값으로 세팅해주는 방식 --> <select onfocus="this.initialSelect = this.selectedIndex;" onchange="this.selectedIndex = this.initialSelect;">빈 태그(마침 태그가 없는)는 꼭 /로 끝나야 한다.
반응형
