-
TABLE 태그 SUMMARY ,카테고리 없음 2020. 4. 21. 13:10728x90반응형
테이블을 만들기 위해 사용하는 테이블 태그(table)에는 다양한 속성들이 사용된다
그중에 summary속성을 알아보자.
summery 속성은 현재 테이블이 갖고 있는 내용을 요약한 부분으로 어떤 내용이 담겨있는지 간단히 알수있다.
이 태그를 사용하는 이유는 웹접근성이 용이하기 위해서이다. 예를 들어 시각 장애인의 경우 리더기를 통해 테이블을 읽
을때 이 테이블이 어떻게 구성되었고 무엇을 보여주는지에 대하여 간략한 요약을 타나낸다.
필자의 정부프레임워크 글에서
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <form:form commandName="articleVO" action="${pagecontext.request.contextPath}/amd/bbs/replyArticle.do" method="post" enctype="multipart/form-data"> <div class="wTableFrm"> <h2>게시글 답글</h2> <table class="wTable" summary="첫번째 라벨은 제목이고 두번째 라벨은 내용이다."> <caption>등록</caption> <colgroup> <col style="width: 20%;"> <col stype="width: ;"> <col stype="width: ;"> <col stype="width: ;"> </colgroup> <tbody> <tr> <th><label for="nttSj">제목<span class="pilsu">*</span></label></th> <td class="left"> <input name="nttSj" type="text" size="70" maxlength="70" title="제목" value="RE: <c:out value='${result.nttSj}'/>"> </td> </tr> <tr> <th><label</th> </tr> </tbody> </table> </div> </form:form> </body> </html>728x90반응형