[HTML] Contents 구분(2) - main, article, section, aside
▶ 문서 내부의 핵심적인 Contents를 지칭할 때 사용. - 내의 주요 Contents를 나타냄. 주요 Contents 구역은 문서의 핵심 주제나 애플리케이션의 핵심 기능성에 대한 부연, 또는 직접적으로 연관된 Contents로 이루어짐. - 예로 블로그에서 사이드, 광고, footer 등의 부분을 제외하고 핵심 포스트 부분이 main에 해당. 은 hidden 속성이 사용된 것을 제외하고 문서당 하나만 존재해야 함. Internet Explorer에서 지원하지 않음. Block level 요소. ▶ 독립적으로 구분되거나 재사용 가능한 영역을 설정. , , 태그는 문서의 헤더, 푸터, 메인(핵심)을 지정해 범위를 설정은 매거진, 뉴스 기사, 블로그 등에 사용됨. 일반적으로 ~를 포함하여 식별. 작성일자..
[HTML] Contents 구분(1) - header, footer, h1 ~ h6
▶ 소개나 탐색을 돕는 그룹 일반적으로 사이트 가장 상단 부분에 bar가 있으면 header라고 지칭. 로고, 메뉴, 검색 바, 로그인/로그아웃, 회원가입 버튼 등으로 구성. 내에는 다른 나 가 자손으로 올 수 없음. 또한 , , 다른 의 자손이 될 수도 없음. 브라우저 호환성은 Full Support. Block level 요소. ▶ 사이트 하단에 회사 정보, 구획의 작성자, 저작권 정보, 관련 문서 등의 내용을 담음. 내에는 , 가 자식 요소로 올 수 없음. 브라우저 호환성은 Full Support. Block level 요소 ※ , 와 , 는 로 대체해 사용할 수 있음. 하지만 , 는 각각 header와 footer라는 영역을 지칭하겠다는 의미를 가짐. 의미를 가진다는 것은 브라우저, 검색 엔진, ..
[HTML] HTML 문서의 주요 범위
▶ !DOCTYPE DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 정의함. 이는 웹 브라우저에 제공될 HTML 문서가 어떤 버전으로 해석된 후 출력될지 정의. HTML은 크게 1, 2, 3, 4, XHTML, 5의 6가지 버전으로 분류됨. 현재의 표준 모드는 HTML 5 버전. ▶ HTML 문서의 전체 범위를 지정함. 웹 브라우저가 해석해야 할 HTML 문서의 전체 영역, 즉 시작과 끝 지점을 알려 주는 역할. ▶ 웹 브라우저가 해석해야 할 HTML 문서의 정보 범위를 지정함. 여기서 '정보'란 웹 페이지의 제목, 문자 인코딩 방식, 연결되는 외부 파일의 위치, 웹 페이지를 구조화하기 위한 기본 세팅 값 등을 의미. ▶ 웹 브라우저가 해석해야 할 HT..