19. 콘텐츠의 선형 구조

콘텐츠는 논리적인 순서로 제공해야 한다.

  1. 1) 탭 콘텐츠

    제목-내용-제목-내용 순서로 마크업하거나
    해당 내용에 대한 제목을 숨김 처리로 제공한다.

    오류 사례
    소스 코드
    <a href=”#”>답변적은순</a><a href=”#”>첫질문</a>...
    <div>답변적은순 내용</div><div>첫질문 내용</div>...
    해결 방안
    <a href=”#”>답변적은순</a>
    <div>답변적은순 내용</div>
    <a href=”#”>첫질문</a>
    <div>첫질문 내용</div>
    또는
    <ul>
        <li><a href=“#”>답변적은순</a></li>
        …
    </ul>
    <div>
        <h2 class=“blind”>답변적은순</h2>
         답변적은순 내용
    </div>
  2. 2) 더보기가 존재하는 콘텐츠

    제목-내용-더보기 순서로 마크업한다.

    오류 사례
    소스 코드
    <a href=”#”>더보기</a>
    <table>…<td>[오픈공지]eXpert신청페이지에서 직접 신청하세요.</td>…</table>
    
    해결 방안
    <table>…<td>[오픈공지]eXpert신청페이지에서 직접 신청하세요.</td>…</table>
    <a href=”#”>더보기</a>