1. 한페이지 내 여러개를 사용할 수 있다. 2. 한페이지 내 딱 한번 사용할 수 있다. 3. 한페이지 내 여러개를 사용할 수 있다. 4. "한가지 주제로 묶는다." 라는 의미 따라서 section은 자신만의 header footer를 가질 수 있다. 5. 계속 발행되는 부분 배포 목적으로 section태그와 구분 됨. acticle은 자신만의 header footer를 가질 수 있다. 6. 주 내용과 분리된 부가적인 정보나 인용, 광고등의 내용을 담습니다. 7. 주요 네비게이션을 그룹핑. 8. html문서의 의미구조를 보여주는 툴 https://gsnedders.html5.org/outliner/
html5 시맨틱 태그란? 기존 HTML4에서는 태그를 이용해 화면을 분할하거나 필요한 것들을 모두 넣었지만 HTML5부터 모든 태그에 자신의 역할이 생겼다. 이 태그들을 시맨틱 태그라 한다.시맨틱 태그는 "의미가 통하는"의 시맨틱 뜻처럼 문서 구조의 가독성을 높여준다. 1. header- 머리말(제목) 지정하기- 사이트 전체의 제목 부분이 될수도, 의 제목 부분이 될 수도 있다.[출처] HTML5와 시맨틱 태그|작성자 insa[출처] HTML5와 시맨틱 태그|작성자 insa 티스토리 티스토리 블로그입니다. 2. nav- 문서를 연결하는 내비게이션 링크- 다른 사이트의 문서로 연결하는 링크를 나타낸다. 위치에 영향을 받지 않는다. 메뉴1 메뉴2 메뉴3 3. menu- 페이지 내 기능을 하는 버튼/링크의 ..
- Total
- Today
- Yesterday
- SFPro웹폰트
- 패럴럭스 스크롤
- WAI-ARIA탭메뉴
- 웹 접근성
- PlaceHolder
- 웹폰트
- WAI-ARIA tab menu
- Git
- 접근성 tabmenu
- 부트스트랩 네이밍
- SFPro web font
- 반응형웹
- 접근성탭메뉴
- 애플웹폰트
- CSS3
- bxslider
- 자바스크립트 탭메뉴
- VSCode
- San Francisco web font
- 깃허브
- placeholder css
- Flexbox
- 본고딕
- jquery
- one scroll
- 키보드 웹접근성
- 키보드접근성자바스크립트
- 부트스트랩class명
- node.js
- San Francisco웹폰트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |