HTML contents
-
[HTML] Contents 구분(3) - nav, address, divHTML 2020. 8. 21. 15:46
▶ navigation의 약어, 다른 페이지에 대한 링크를 제공하는 영역. 내의 메뉴, home, about, contact us, 목차, 색인 등을 설정. - 반드시 header 내에 있어야 하는 것은 아님. 특정한 페이지에서 외부로 나가는 링크를 그룹화 하여 연결할 때 를 통해 묶어 줄 수 있음. - 예) 메뉴는 해당 페이지로 이동하는 역할을 함. 이때 전체 묶음을 를 통해 만들어낼 수 있음. - 메뉴를 묶을 경우 보통 사용. 안에는 , 이 삽입되어 사용되는 경우가 많음. - 목록 세트를 로 묶어 사용. - 이 부분이 navigation 역할을 하는 영역이라고 설정하는 것. Block level 요소 ※ , , , , , , 등 영역을 설정하는 태그들은 모두 Block level 요소에 해당함. ▶ ..
-
[HTML] Contents 구분(2) - main, article, section, asideHTML 2020. 8. 21. 15:19
▶ 문서 내부의 핵심적인 Contents를 지칭할 때 사용. - 내의 주요 Contents를 나타냄. 주요 Contents 구역은 문서의 핵심 주제나 애플리케이션의 핵심 기능성에 대한 부연, 또는 직접적으로 연관된 Contents로 이루어짐. - 예로 블로그에서 사이드, 광고, footer 등의 부분을 제외하고 핵심 포스트 부분이 main에 해당. 은 hidden 속성이 사용된 것을 제외하고 문서당 하나만 존재해야 함. Internet Explorer에서 지원하지 않음. Block level 요소. ▶ 독립적으로 구분되거나 재사용 가능한 영역을 설정. , , 태그는 문서의 헤더, 푸터, 메인(핵심)을 지정해 범위를 설정은 매거진, 뉴스 기사, 블로그 등에 사용됨. 일반적으로 ~를 포함하여 식별. 작성일자..
-
[HTML] Contents 구분(1) - header, footer, h1 ~ h6HTML 2020. 8. 21. 14:13
▶ 소개나 탐색을 돕는 그룹 일반적으로 사이트 가장 상단 부분에 bar가 있으면 header라고 지칭. 로고, 메뉴, 검색 바, 로그인/로그아웃, 회원가입 버튼 등으로 구성. 내에는 다른 나 가 자손으로 올 수 없음. 또한 , , 다른 의 자손이 될 수도 없음. 브라우저 호환성은 Full Support. Block level 요소. ▶ 사이트 하단에 회사 정보, 구획의 작성자, 저작권 정보, 관련 문서 등의 내용을 담음. 내에는 , 가 자식 요소로 올 수 없음. 브라우저 호환성은 Full Support. Block level 요소 ※ , 와 , 는 로 대체해 사용할 수 있음. 하지만 , 는 각각 header와 footer라는 영역을 지칭하겠다는 의미를 가짐. 의미를 가진다는 것은 브라우저, 검색 엔진, ..