HTML outline 에 대해 잘 아시는 분~????
해대기
■ 발생 문제에 대한 자세한 기술: 하...이거 HTML5 Sectioning 이 사람 참 헷갈리게 만드네요 ㅋㅋㅋ
어렵지 않은 듯 어려운 것 같은 어려운 HTML Outline 개념 = _=a
워프로 갈아타려고 테마 제작 중인데싱글 페이지를 제작해 놓고 보니 이게 맞게 한건지 ㅋㅋㅋㅋ 젠장 ;;;;;
일단 마크업은 아래 구조이고,Outline 추출해 보면
이렇게 나오는데......
제대로 한걸까요? @.@ ;;;
-
구슬
으으 섹셔닝요소 넘 헷갈림.. @.@;
-
누림
1개 페이지 내에 h1 은 1개만 써야 하느냐 아니냐에 대한 논의는 예전부터 많았죠~
실제로 이 논의를 가지고 트위터에서 폴링을 했던 모양인데, 1개만 써야한다 vs 2개 이상도 괜찮다 가 비등비등하게 나왔다고 합니다.
그런데 일단....
W3C에서 1개 페이지에서 h1을 2개 사용하게 되면서 이 문제가 종식이 됐다라는 이야기가
지난 다와에서 나왔.......
W3C가 무조건 옳다 할 수는 없지만,
HTML Spec을 제정하는 권위기관에서 그렇게 -
아빠몬
정보를 습득한지 얼마 안되고 저도 딱히 기준은 없어서ㅠ_ㅠ
sectioning root 기준으로 rank를 다시 잡아도 or 안잡아도 outline은 동일하게 표시되니깐
본인이 편한 스타일대로 만들면 되지 않을까 싶네요 . -
은새
음.....
그러니까 sectioning elements의 사용은 동일하되
heading 의 depth 를 sectioning elements에서는 다시 1 부터 시작하겠다는 거죠? @.@
그 부분이 저도 제일 머리가 아픈건데...
sectioning element에서는 다시 자체가 독립문서로 볼 수 있으니 h1 부터 시작하는게 맞는건지 아닌건지는 모르겠.....
W3C spec 문서를 봐도 sectioning root 로 잡힘에 대한 heading -
LimeTree
** Outline
1. HTML5 Outline
1. 포스트 제목
1. 포스트 내용
2. 태그 레이블
3. 과련 포스트 목록
4. 덧글
5. 카테고리
6. 검색 사이드 바
7. 아카이브 목록 -
스릉흔다
** HTML
div
headerh1HTML5 Outline/h1/header
main
section
headerh1포스트 제목/h1/header
articleh2포스트 내용/h2/article
footersection footer/footer
/section
navh1태그 레이블/h1/nav
asideh2과련 포스트 목록/h2/aside
asideh1덧글/h1/aside
navh1카테고리/h1/nav
asi -
호시
저는 MAIN 하위 NAV*3개, ASIDE*3개의 영역들을
문서의 목차로서 전달을 해야한다면 헤딩을 쓰고 아니라면 안쓴다는 말 이고요,
만약에 헤딩을 사용한다면 aside, nav도 Sectioning elements 이기 때문에
H1부터 사용하는게 맞다고 생각합니다.
(제가 어휘력이 딸려서... -_ㅠ) -
아론아브라함
main 하위요소들 자체가 하나의 다른 기능영역으로 구분한다는게 무슨 말씀인지.......? ;;;
-
한란
저 같은 경우는 main 하위요소들 자체가 하나의 다른 기능영역으로 구분하기 때문에 h1 부터 사용하거나
무분별한 헤딩사용을 피하기 위해서 main section 에서만 헤딩을 사용합니다~
어디서부터 어디까지 헤딩을 사용하는가는 저도 고민이네요 ~0~ -
총알탄
널리 세미나 자료는 저도 봤지요 =ㅁ=a
이미 그걸보고 outline 개념을 인지하게 된건데
이게 제가 이해하고 생각한게 맞는건지 아닌건지를 확신하지 못하겠어서 ;;;;;;
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2654922 | 고도몰 3차 4차 이상 카테고리 표출되게.. (7) | 유메 | 2024-05-15 |
2654874 | 제이쿼리랑 자바스크립트 학원 추천좀부탁드릴게요 (7) | 향율 | 2024-05-14 |
2654843 | 탭버튼 코딩시 마우스오버가 접근성에 왜 어긋나는지 궁금합니다... (1) | 걸때 | 2024-05-14 |
2654814 | 중국어 인코딩 관련해서 질문요,,, (5) | 화이트캣 | 2024-05-14 |
2654783 | 이 알고리즘 한줄한줄 해석좀 부탁드립니다. (1) | 요루 | 2024-05-14 |
2654764 | t 탭 질문이여. (3) | 눈 | 2024-05-13 |
2654737 | 크롬 인쇄하기 오류 (멈춤현상) | 아라 | 2024-05-13 |
2654708 | ie6에서 margin 문제 (5) | 너만 | 2024-05-13 |
2654681 | 아까 올렸던 질문의 액션코딩 (3) | 큰꽃들 | 2024-05-13 |
2654653 | 개발툴 콘솔창에 아무것도 나오지 않는데 해결좀....해주세요... (3) | 쌍둥이자리 | 2024-05-12 |
2654625 | textare 중간부터 글이 나옵니다. | 영글 | 2024-05-12 |
2654595 | C언어랑 C++ 두개만배워놓으면 (3) | 아빠몬 | 2024-05-12 |
2654543 | 드라이브 체크 어떻게 해야할까요 | 아연 | 2024-05-11 |
2654483 | 익스플로어 6과 7의 버젼에 따라서 클릭이 되지 않을 수 있나요? (1) | 히메 | 2024-05-11 |
2654431 | Invalid procedure call or argument 는 무슨뜻이죠 ;? | 날샘 | 2024-05-10 |
2654372 | 이중연결리스트 정렬 문의 드립니다. (1) | 야미 | 2024-05-10 |
2654343 | 레이어 팝업.. 흑흑 (4) | 다인 | 2024-05-10 |
2654284 | 반응형 웹에서 | HotPink | 2024-05-09 |
2654234 | 타이틀옆에 카테고리 정렬질문이요 (2) | 밤 | 2024-05-09 |
2654207 | 퍼블리셔포트폴리오질문이요! ! (2) | 훌림목 | 2024-05-08 |