본문 바로가기

etc

[툴] HTML5 Outliner - Chrome

'암묵적인 구조생성'

   

다운로드: chrome://extensions/

Chrome 브라우저 설치 후 HTML5 Outliner( http://goo.gl/VFCPuW ) 확장 프로그램을 설치한다.

 

  • 웹 페이지의 구조를 판별할 수 있는 개념으로 책의 목차와 비슷한 기능을 한다.
  • HTML5에서 추가된 요소들 대부분이 아웃라인 개념과 관련이 있다.
  • 아웃라인을 구성하는 요소에는 Heading, Sectioning 콘텐츠, Sectioning의 루트요소, Header, Footer등 다양한 요소가 있다.
  • 루트요소로는 h1~h6, p등이 될 수 있고 색션을 나눈 형태에 따라 자동으로 형성된다.

   

네이버를 예를 들어 눈에 보이지 않는 페이지의 암묵적인 아웃라인 구조를 한눈에 볼 수 있다.

   

좀 더 자세한 내용은 아래 링크를 참고하자.