[html5] figure 태그, figcaption 태그
[html5] figure 태그, figcaption 태그 책이나 잡지에서 이미지, 차트 등이 나올 때 이를 설명하는 문구와 함께 소개됩니다. figure 요소는 이처럼 사진, 도표, 삽화, 오디오, 비디오, 코드 등을 담는 컨테이너 역할을 하는 태그이고, figcaption 요소는 이에 대한 설명하는 문구를 담는 태그 입니다. figcaption 요소는 선택적이며, figure 요소 안에 사용합니다 (내용 앞 뒤로 올 수 있음) figcaption 요소는 figure 요소에서 한 번만 사용할 수 있으며 figure 안에는 여러 가지의 자식 요소(img, code 등)을 포함할 수 있습니다. ▷ 브라우저 지원 ie 9.0+, chrome 6.0+, firefox 4.0+, safari 5.0+, oper..
2015. 1. 20.
[html5] main 태그
[html5] main 태그 main 요소는 문서의 주요한 내용을 담는 태그입니다. 과 같은 역할 문서에서 main은 하나 이상 있어선 안 되며, 페이지 당 한 번 사용할 수 있습니다. 사이드바, 네비게이션 링크, 저작권 정보에 있던 내용을 main에서 반복해서 사용할 수 없습니다. 또한 main은 article , aside, footer, header, nav의 자손이어선 안 됩니다. main 요소가 문서 영역을 구분짓는 용도로 사용하진 않기 때문. ▶브라우저 지원 ie 지원하지 않음, chrome 6.0+, firefox 4.0+, safari 5.0+, opera 11.1+ main 요소를 ie에서 지원할 때까지 "main" ARIA role 추가하는 것도 좋습니다. 내용 *ARIA role이란?..
2015. 1. 14.
[html5] footer 태그
[html5] footer 태그 footer 요소는 문서에 대한 꼬릿말로서, 그 문서에 대한 정보를 담고 있어야 합니다. 대체로 footer가 문서의 끝에 오는 경우가 많지만, 꼭 끝에 올 필요는 없습니다. ▶사용 예 글쓴이 정보, 저작권 정보, 연락처 정보, 사이트 맵, 맨 위로 돌아가기, 관계된 문서 등. 참고로, 글쓴이에 대한 연락처 정보는 address 요소에 속합니다. 한 문서에 여러 개의 footer 요소를 지닐 수 있습니다. footer 요소는 문서의 영역을 구분짓는 sectioning 요소가 아닙니다. 새로운 문서를 소개하지는 않으니까요. ▶브라우저 지원 ie9.0+, chrome 6.0+, firefox 4.0+, safari 5.0+, opera 11.1+ ▶html/css 적용 예를 ..
2015. 1. 7.
