47559 Members __ Online

정렬
HOME스터디[s]웹표준

웹표준 강좌 03 _Table

posted by 라부
date : , update :
hit : 22215, scrab : 0 , recommended : 17

웹표준 강좌 03 _Table

 

01. 웹표준에 가장큰 오해 테이블을 쓰면 안된다

Table이 적합한 경우<?xml:namespace prefix = o />

-       달력

-       스프레드시트 ( 일상 업무에 많이 발생하는 도표 형태의 양식 )

-       차트

-       스케줄

Ex>>>>>>>

<table summary="테이블의 내용 요약정보(이벤트 작업 리스트 정리하였습니다..)"  width="500" height="300"  >

<caption> 테이블의 목적(이벤트 리스트)<caption>

<thead>

<tr>

           <th id="year">연도</th>

           <th id="opp">상대팀</th>

           <th id="record" abbr="성적">시즌 성적</th>

</tr>

</thead>

<tfoot>

<tr>

           <td headers="year">2006</td>

           <td headers="opp">시카고</td>

           <td headers="record">90-58</td>

</tr>

</tfoot>

<tbody>

<tr>

           <td headers="year">2007</td>

           <td headers="opp">필라델피아</td>

           <td headers="record">75-57</td>

</tr>

<tr>

           <td headers="year">2008</td>

           <td headers="opp">브루클린</td>

           <td headers="record">75-57</td>

</tr>

</tbody>

</table>

 

<th> 테이블 해더 ? 테이블 항목을 한꺼번에 지정(자동가운데정열,독립id부여)

Summary - 내용, caption ? 목적 abbr ? 항목인식( 브라우져 이외의 경우)

<thead> 해더 기능

<tfoot> 자동 푸터역활

<tbody> 내용부분만 한꺼번에 정리가능

 

 

table{border-top:1px solid #3366ff;border-left:1px solid #3366ff; font-size:12px; }

tbody{background-color: #f3f3f3;}

td, th {border-right:1px solid #888888;border-bottom:1px solid #888888;}

 

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /><?xml:namespace prefix = v /><?xml:namespace prefix = v /><?xml:namespace prefix = v />

border-collapse:collapse; 자동테두리

 

#year , #opp, #record , caption 









웹표준, 강좌
댓글 1 | 엮인글 0

웹표준 강좌 04_인용문
웹표준 강좌 02 _List





%3Cul+class%3D%22Klocation%22%3E%3Cli+class%3D%22first%22%3E%3Ca+href%3D%22..%2Fhompy%2F%22%3EHOME%3C%2Fa%3E%3C%2Fli%3E%3Cli%3E%3Ca+href%3D%22..%2Fhompy%2Fstudy.php%22%3E%EC%8A%A4%ED%84%B0%EB%94%94%5Bs%5D%3C%2Fa%3E%3C%2Fli%3E%3Cli%3E%3Ca+href%3D%22..%2Fhompy%2Fstudy.php%3Fmid%3D69%22%3E%EC%9B%B9%ED%91%9C%EC%A4%80%3C%2Fa%3E%3C%2Fli%3E%3C%2Ful%3E