-
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
-
32
-
33
-
34
-
35
-
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
-
56
-
57
-
58
-
59
-
60
-
61
-
62
-
63
-
64
-
65
-
66
-
67
-
68
-
69
-
70
목차
제2장 시맨틱 웹을 위한 요소
제3장 캔버스(1)
제4장 캔버스(2)
제5장 오디오와 비디오
제6장 폼
제7장 CSS3 글꼴과 문자
제8장 CSS3 배경과 박스
제9장 CSS3 애니메이션
제3장 캔버스(1)
제4장 캔버스(2)
제5장 오디오와 비디오
제6장 폼
제7장 CSS3 글꼴과 문자
제8장 CSS3 배경과 박스
제9장 CSS3 애니메이션
본문내용
제2장 시맨틱 웹을 위한 요소
1. 레이아웃을 위한 요소
포털 사이트에는 헤더, 내비게이션 메뉴, 사이드바, 콘텐츠, 푸터 등으로 나누어져 있다.
기존 HTML에서는 div, ul, li 등의 요소로 페이지 레이아웃을 설정하였지만, HTML5에서는 레이아웃을 위해 추가된 요소를 사용하여 구성한다.
1-1. 콘텐츠 표현
아래의 신문 콘텐츠는 여러 기사가 포함되어 있으며 각 기사들의 제목들이 포함되어 있다.
콘텐츠 영역과 내부에 포함되어 있는 각각의 독립적인 콘텐츠와 제목을 HTML5에 새롭게 추가된 section, article, hgroup 요소를 사용하여 나타낼 수 있다.
- section 요소 : 문서 내용 부분을 나타내는 요소. 하나의 section은 하나의 주제를 가지며 h1~h6과 같이 제목을 표현하는 요소들과 함께 사용한다.
- 중략 -
1. 레이아웃을 위한 요소
포털 사이트에는 헤더, 내비게이션 메뉴, 사이드바, 콘텐츠, 푸터 등으로 나누어져 있다.
기존 HTML에서는 div, ul, li 등의 요소로 페이지 레이아웃을 설정하였지만, HTML5에서는 레이아웃을 위해 추가된 요소를 사용하여 구성한다.
1-1. 콘텐츠 표현
아래의 신문 콘텐츠는 여러 기사가 포함되어 있으며 각 기사들의 제목들이 포함되어 있다.
콘텐츠 영역과 내부에 포함되어 있는 각각의 독립적인 콘텐츠와 제목을 HTML5에 새롭게 추가된 section, article, hgroup 요소를 사용하여 나타낼 수 있다.
- section 요소 : 문서 내용 부분을 나타내는 요소. 하나의 section은 하나의 주제를 가지며 h1~h6과 같이 제목을 표현하는 요소들과 함께 사용한다.
- 중략 -
추천자료
- 방송통신대 경제학과 4학년 제도경제학 B형 '코즈의 정리에 대하여 설명하라' 완벽정리(적용...
- 정신건강-2. 성격의 개념과 제이론, 측정에 대해 자세히 논하시오.- 방송통신대학교 2017학년...
- 언어의이해A형 - 인간언어의 본질에 대해서 간략히 설명-방송통신대학교 2017학년도 2학기 언...
- 영작문2-다음의 주제 중 하나를 골라 400단어 내외의 영작을 하시오.1.Advantages and disadv...
- 2017 생활법률-(지문) A(남성, 30세)는 아내 B(여성, 30세),아들 C(3세),아버지 D(70세),어머...
- 인간발달 2017>나이가 들어가면서 남녀 간 성역할 특성이 변화되는 것을 융의 주장을 중심으...