[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.
[html5] article vs section 차이
[html5] article, section 차이 html5에 새로운 요소들을 알아보겠습니다 첫 타자로 article과 section 입니다. 요소 article 요소는 내용이 각기 독립적이고, 홀로 설 수 있는 내용을 담습니다. 주로 블로그 글, 포럼 글, 뉴스 기사 등을 article로 묶을 수 있습니다. ▶브라우저 지원 ie9.0+, chrome 6.0+, firefox 4.0+, safari 5.0+, opera 11.1+ ▶사용 예 쇼셜네트워크 온라인의 가상공간을 통해... ... 요소 section은 서로 관계 있는 문서를 분리하는 역할을 함. 주로, 문서를 다른 주제로 구분짓기 위해 사용됨 ▶브라우저 지원 ie9.0+, chrome 6.0+, firefox 4.0+, safari 5.0+, ..
2014. 12. 30.
웹사이트 운영자라면 알아야할 html, css 상식
웹사이트 운영자라면 알아야할 html, css 상식 크리스마스는 잘 보내셨나요? 저는 25일에 광명 이케아 갔다가 엄청 고생하고 왔습니다 ㅎㅎ 생각보다 가는 대중 교통 편이 너무 복잡하더라구요. 결국 택시 타고 갔는데, 입구에서 30~40분을 기다리고, 레스토랑에서 20분 정도 기다리고 나오면서 길 못찾아 헤매고, 건물 안은 사람들이 미어 터집니다. 그럼에도 가볼만은 했다고 생각은 하지만.... 다음엔 사람 없을 때 가고 싶네요. 며칠 남지 않은 12월, 사람들 많은 데 가서 고생하지 마시고, 조용하고 한적한 곳에서 지난 일을 관조하는 것도 좋을 것 같습니다. 오늘은 연말 결산으로, 지금까지 써온 글 중에 사이트(티스토리, 블로그, 까페 포함) 운영자라면 알아두어야 할 html, css 상식을 다루어 볼..
2014. 12. 26.
