본문 바로가기

제가 쓴 책/HTML5, CSS3 and JavaScript171

3.2 section, header, nav 요소(Element)를 이용한 좌측면 구성 3.2 section, header, nav 요소(Element)를 이용한 좌측면 구성 header, nav 요소는 방금 전 그 사용 방법에 대해서 알아보았으므로 section 요소의 사용 형식을 알아보면 section 요소는 보통 header요소와 함께 사용하며 페이지 내에서 논리적인 영역을 구분하는 요소로 컨텐츠를 보다 쉽게 구분할 수 있도록 하며 사용하는 형식은 다음과 같습니다. 위와 같이 section 요소 블록 안에는 header 요소를 시작으로 nav, article, aside 등과 같은 다양한 요소들이 각각 나타나거나 같이 포함되어 나타날 수 있습니다. 이제 전체적인 그림에서 좌측편에 나타난 ②에 해당하는 부분을 만들어봅니다. 마침 태그 위에 다음과 같이 코드를 작성합니다. 최근 기사 Wi.. 2013. 7. 31.
3. Section Elements 3. Section Elements HTML5에서는 웹 페이지의 헤더(header)나 꼬리말(footer), 사이트 탐색, 뉴스 기사, 저작권 명시 등과 같은 부분들을 정의하여 사용할 수 있도록 Section 요소들을 정의하고 있으며 이와 관련된 요소들을 표로 정의하면 다음과 같습니다. 요소 기능 body HTML5의 2번째 요소로 HTML5 문서의 컨텐츠를 포함하는 요소 nav HTML 문서에서 이동할 페이지링크와 같은 탐색 부분을 정의할 때 사용 article 기사(article)나 완전한 컨텐츠를 정의할 때 사용 aside 본문 내용 옆에 광고나 사이드바를 위치시키고자 할 때 사용 section 페이지의 논리적인 영역을 정의하거나 하나의 컨텐츠 그룹을 정의할 때 사용하는 요소로 하나의 웹페이지 내에.. 2013. 7. 31.
2.2 meta 요소 2.2 meta 요소 meta 요소는 웹 페이지에 대한 설명(description)이나 키워드(keyword), “UTF-8”이나 문자셋(charset) 등을 블록 내에 설정하는데 사용하는 요소로 다음과 같은 속성들과 함께 사용합니다. 속성 기능 name metadata의 이름을 나타내는 속성. “application-name”, “author”, “description”, “generator”, “keywords”를 속성값으로 사용 가능 http-equiv 문자 인코딩을 설정하거나 몇 초 후 페이지를 다시 로드할 것인지 아니면 해당 페이지에 사용될 스타일시트를 명시하는데 사용 content name, http-equiv 속성과 연관된 Text 형태의 데이터 charset HTML 문서에 대한 문자셋을 .. 2013. 7. 31.
2. metadata Elements 2. metadata Elements HTML5에서 meta 요소(Element)들은 IE9, Firefox 같은 웹 브라우저에게 HTML5로 작성된 웹 문서와 관련된 정보를 제공하는데 사용됩니다. 이러한 metadata 요소들은 title, meta, link, style, script 등이 있으며 metadata 요소(들)의 컨테이너 역할을 하는 head 요소 블록 내에 다음과 같이 나타날 수 있습니다. 해당 요소들을 표로 정리하여 간략히 나타내면 다음과 같습니다. 메타 요소 기능 title 웹페이지의 제목을 설정하는데 사용 HTML5 학습 사이트 base 웹페이지와 연관된 기본적인 URL 경로나 목적지(target) 경로 명시하는데 사용 meta 웹페이지의 인코딩 정보, 문서에 대한 저자, 설명, .. 2013. 7. 31.

티스토리툴바