xhtml

xhtml 웹접근성 페이지 예

aneyh.c 2012. 2. 16. 16:51
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>웹 접근성의 정의 | 웹 접근성 품질마크</title>
</head>

 

<body>
<p id="skip">메뉴 건너뛰기</p>

 

<h1>웹 접근성 품질마크</h1>  

<ul>
 <li>홈</li>
 <li>로그인</li>
 <li>회원가입</li>
 <li>위치안내</li>
 <li>사이트맵</li>
</ul>

 

<!-- 글로벌 메뉴 -->
<h2>대메뉴</h2>
<ul>
 <li>웹 접근성의 이해
  <ul>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
  </ul>
 </li>
 <li>웹 접근성의 이해
  <ul>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
  </ul>
 </li>
 <li>웹 접근성의 이해
  <ul>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
  </ul>
 </li>
 <li>웹 접근성의 이해
  <ul>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
  </ul>
 </li>
 <li>웹 접근성의 이해
  <ul>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
   <li>웹의 역사</li>
  </ul>
 </li>
</ul>

 

<!-- 왼쪽 메뉴 -->
<h2>웹 접근성의 이해</h2>
<h3>소메뉴</h3>
<ul>
 <li>웹 접근성의 정의</li>
 <li>웹 접근성의 정의</li>
 <li>웹 접근성의 정의</li>
 <li>웹 접근성의 정의</li>
 <li>웹 접근성의 정의</li>
</ul>

 

<!-- 컨텐츠 부분 시작 -->

<!-- 상단 네비게이션 -->
<p>홈 &gt; 웹 접근성의 이해 &gt; 웹 접근성의 정의</p>

 

<!-- 접근성이란? -->
<h1>웹 접근성의 정의</h1>
<p> 부가 텍스트<p>

 

<h2>웹 접근성이란?</h2>
<p>내용1</p>
<p>내용2</p>

 

<!-- 인증사이트 통계 -->
<h2>인증사이트 통계</h2>
<table summary="연도별 신청사이트 수,인증사이트 수,합격율을 나타내는 표입니다.">
<caption>인증사이트 통계</caption>
<colgroup>
 <col width="20%" />
 <col width="40%" />
 <col width="40%" />
 <col width="20%" />
</colgroup>
<thead>
<tr>
 <th scope="col">연도</th>
 <th scope="col">신청사이트 수</th>
 <th scope="col">인증사이트 수</th>
 <th scope="col">합격율</th>
</tr>
</thead>
<tfoot>
<tr>
 <th scope="row">합계</th> 
 <td>793</td>
 <td>153</td>
 <td>19.29%</td>
</tr>
</tfoot>
<tbody>
<tr>
 <th scope="row">2007년</th>
 <td>40</td>
 <td>15</td>
 <td>37.5%</td>
</tr>
<tr>
 <th scope="row">2008년</th>
 <td>40</td>
 <td>15</td>
 <td>37.5%</td>
</tr>
<tr>
 <th scope="row">2009년</th>
 <td>40</td>
 <td>15</td>
 <td>37.5%</td>
</tr>
<tr>
 <th scope="row">2010년</th>
 <td>40</td>
 <td>15</td>
 <td>37.5%</td>
</tr>
</tbody>
</table>

 

<!-- 신청 진행절차 -->
<h2>웹 접근성 품질마크 신청 진행절차</h2>
<ol>
 <li><img src="" alt="접수신청" /> <!-- 이미지가 들어갔을때.. -->
  <p>텍스트</p>
 </li>
 <li>접수완료 및 심사중
  <p>텍스트</p>
 </li>
 <li>심사완료
  <p>텍스트</p>
 </li>
</ol>

 

<!-- 푸터 -->
<ul>
 <li>푸터1</li>
 <li>푸터</li>
 <li>푸터</li>
 <li>푸터</li>
 <li>푸터</li>
 <li>푸터</li>
</ul>
<address>주소 copyright</address>

</body>
</html>