[KWAG 부산] 다섯번째 스터디 후기 입니다
grace
[KWAG 부산]한은혜 입니다.
이번 주 모임 인원은 3명이었지만 두 시간 반 가까이 스터디가 진행되었습니다.
이번 주는 주로 table에 관련된 이야기를 했는데요, table태그를 쓰고 있었기에 안다고 생각했는데 테이블의 용도와 그룹
화 하는 것, 표의 내용을 요약하고, 제목을 주고, 의미에 맞게 쓰는 것에 대해 들으면서 알아갈 내용이 무궁무진 하구나. 라는
것을 느끼게 된 시간이었습니다.
지난 주 과제였던
1. dt(Definition Term : 용어)에 dd(definition Description:설명)가 여러 개 올 수 있는
가? 에 대해서...
하나의 단어에 여러 가지 뜻이 있을 수 있다는 예를 통해서 본다면 가능하지 않을까? 에 대해서...
‘dt뒤에 dd가 여러 개 올 수 있으며’
‘여러 개의 dt 뒤에 하나의 dd가 올 수도 있다’
‘dd안에 ul, ol이 올 수 있고’
‘dd안에 다시 dl이 올 수 있다’
라고 얘기 되었습니다.
2. dd 안의 ul, ol 사용 여부
‘dl은 블록 요소이고
dt는 인라인 요소라서 dl도 ul, li도 사용할 수 없다.
dd는 블록요소이고 블록요소인 ul, ol을 dd안에 포함 할 수 있다.
그리고 dd안에 다시 dl을 사용할 수도 있다.
그러나 dt 안에도 인라인요소는 사용할 수 있을 것이다‘
중요한 것은 의미에 맞게 사용하는 것이라는 생각이 듭니다.
라는 의견과 함께 dl태그는 일단 마무리 지어졌습니다.
또한 박성제님께서 xhtml.com이라는 사이트를 알려주셨는데요, http://xhtml.com/en/xhtml/reference/dl/
에서 예제를 확인 할 수 있었습니다.
좋은 정보 나눠주셔서 감사합니다!
이번 주 주제 table에 대해..,
1.table의 용도
[데이터 표현용 또는 레이아웃용]
테이블은 데이터를 표로 나타내고, 레이아웃을 잡을 때 사용하고 있으나
‘원칙적으로 table은 여러 가지 시간, 통계 등의 데이터를 표시하는 용도로
사용하여야 한다. ‘ 와
레이아웃용으로 table을 사용할 때에, th와 같이 의미를 담고 있는 태그를 사용해서는 안된다. 라는 이야기가 오갔습니다.
2.표의 요약글과 제목 달기
<table summary=“표의 요약글”>
<caption>표의 제목
테이블은 표를 구성하는 정보가 충분히 전달될 수 있어야 하는 데
표의 내용 정리가 막연하다면...
이럴 때 테이블 헤드에 있는 제목을 나열해서 ‘이 표는 이러이러한 것을 나타냅니다.’ 라고 사용하는 것도 좋은 방법이다. 라는
이야기를 했습니다.
3.table의 그룹화에 대한이야기들~
(1)<colgroup>,<col>
colgroup 은 col 태그를 포함 할 수 있으며
공통적인 성격의 세로 열을 그룹으로 묶어 주고. span 속성 값을 주어
몇 개의 세로줄을 하나로 묶어 줄 것인지 지정할 수 있다고 이해했는데
저는 은근히 헷갈려서 더 공부를 해야 될 것 같습니다.
(2)<thead><tfoot>,<tbody> 여러 개의 행(tr)을 공통적인 성격별로 묶어 그룹화 해주는 역 할.
-<thead>는 표의 머리글에 해당하는 열들을 묶어 그룹화 해주는 것인데 표의 제목에 해당되는 th들을 하나의 덩어리로 그
룹화 하는 것을 예로 들 수 있다.
-<tfoot>은 표의 주로 맨 아래에 해당하는 열들의 묶음이며, 합계, 평균등의 통계수치등에
쓰인다.
-<tbody>는 표의 본문에 해당하는 열들을 묶어 준다.
(주의!) tfoot은 반드시 thead 다음, tbody 앞에서 미리 끝내야한다.
<thead><tfoot><tbody>순서로...
(웹서핑 하던 중 센스리더에서도 읽힐 때에는 thead, tfoot, tbody순으로 읽힌다는 글을 보았는데 보여질 때는 제일
밑의 순서로 보인다고 하니 신기하네요? ㅎㅎ.)
3. 그런데 table을 그룹화 하는 이유가 무엇일까?
_ 다음 주 숙제입니다. (+-+)
(저의 경우 잠깐 그룹화 태그들을 써봤는데요..
tr, td에 일일이 지정하지 않고도 한 번에 가운데 정렬이나, 배경색상을 줄 수 있었습니다.
col 써서 넓이랑 배경색상을 주었는데 그룹화 해서 한 번에 처리되니 이전 보다 훨씬 편리했어요.
그런데 tbody같은 경우에는 가운데 정렬이 잘 되던데
col 에서는 width랑 background는 적용이 되었는데... 가운데 정렬은 안되서 아쉬웠어요. 폰트색상이나
border도 css로 꾸며 보려고 했는데 적용이 안되어서 한 번 더 확인해 봐야 되겠습니다~)
웹표준 및 웹접근성 스터디를 하게 된 이후로, 작업할 때 한 번 더 생각하게 되고, 막연하게 아는 것들을 하나씩 적용하면서 궁
금한 것이 더 많이 생기는 것 같습니다.
좋은 스터디 분들 통해서 유익한 정보도 많이 얻고 있는데 열심히 해서 서로에게 유익이 되는 모임이 되었으면 좋겠습니다. 잘못 알
고 있는 부분이나 새로운 내용이 있으시다면 나눠주시면 감사하겠습니다!
다음 주 스터디에는 전원출석! 해보아요~ 다들 잘 계시지요? ㅋ
김성진
--
Google 그룹스 '한국 웹 접근성 그룹 (Korea Web Accessibility Group)' 그룹에 가입했으므로 본 메일이 전송되었습니다.
이 그룹에 게시하려면 kw...@googlegroups.com(으)로 이메일을 보내세요.
그룹에서 탈퇴하려면 kwag+uns...@googlegroups.com로 이메일을 보내주세요.
더 많은 옵션을 보려면 http://groups.google.com/group/kwag?hl=ko에서 그룹을 방문하세요.