NARADESIGN

웹표준, 웹접근성, 유니버설디자인, HTML, CSS, UI, UX, UD


HTML5 개요(outline) 알고리즘 이해.

본문 건너 뛰기

HTML5 outline 알고리즘에 대하여 설명합니다. “outline”은 우리말로 “개요, 윤곽”에 해당하며 “간결하게 추려 낸 주요 내용”을 의미합니다. HTML5 마크업이 문서의 개요를 사용자에게 전달하기 위해 어떤 방법을 사용하는지 이해함으로써 낡은 브라우저와 최신 브라우저 그리고 화면 낭독기에 적절하게 대응할 수 있습니다.

개요를 이해하기 위한 키워드는 다음과 같고요.

  • 헤딩
  • 섹셔닝 루트
  • 섹셔닝 콘텐츠
  • 명시적/암시적 섹션
  • 유효하지 않은 섹셔닝
  • 어색한 섹셔닝

도출된 결론은 다음과 같습니다.

  • 유연한 개요를 형성하려면 헤딩과 함께 섹셔닝 콘텐츠(section, article, nav, aside)를 쓰자.
  • 하위 호환성을 확보하려면 헤딩의 수준을 결정할 때 개요 알고리즘에 의존하지 말자.
  • 문서의 구조를 명확하게 하려면 최상위 수준의 헤딩은 하나만.

자세한 내용은 HTML5 outline 발표자료(35 페이지) 와 HTML5 outline 예제 페이지를 참고하시기 바랍니다.

참고

분류: 웹 접근성,웹 표준 | 2017년 4월 18일, 17:53 | 정찬명 | 댓글: 1개 |
트랙백URI - http://naradesign.net/wp/2017/04/18/2382/trackback/

1개의 댓글이 있습니다.

  1. […] HTML5 개요(outline) 알고리즘 이해 […]

댓글 쓰기

전송된 글이 나타나지 않는다면 필터링 된 것입니다. dece24앳gmail.com 으로 메일 주세요.
(X)HTML 코드 사용이 가능하지만 소스 코드 출력을 원하시면 <꺽쇠>는 [괄호]로 변환하여 작성해 주세요.

필수 아님

필수 아님