HTML5 오류와 검증

검사를 이용한 오류 확인

버그(bug)

프로그램이 원하지 않는 방향으로 동작하는 것

 

디버그(debug)

버그를 찾아내고 수정하는 행위

 

웹 브라우저 검사 기능으로 디버그 수행

웹 페이지에서 우클릭 후 [검사]

검사 단축키: [F12],  [Ctrl]+[Shift]+[I]

 

[Elements] 탭

현재 HTML 페이지의 계층 구조와 각 태그에 적용된 스타일을 파악할 때 사용

 

[Console] 탭

오류를 확인하거나 자바스크립트 코드를 추가로 입력할 때 사용

 

검사 기능을 통해 오류 발생 원인과 위치를 쉽게 파악할 수 있음

 

[참고] HTML5 웹 프로그래밍 입문(3판)