-
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과 같이 제목을 표현하는 요소들과 함께 사용한다.
- 중략 -
추천자료
- 동서양 고전 - 대학 감상문(방송통신대)
- (방송통신대)유아교육기관 만점레포트-장학의 기본개념...
- 방송통신대 3학년 국문과 현대문학사 통합정리 자료입니다.
- 루소의 인간불평등기원론 분석 고찰<방송통신대, 세계의 역사>
- [방송대 국어국문학과4]황진이의 삶으로 보는 로맨스와 문학세계
- [방송대 한국사회문제4]사외이사제도의의와 사례 분석 및 현황그리고 문제점과 개선방안
- [방송대 국어국문학과4]황진이의 삶으로 보는 북한소설의 로맨스와 묘사방법 및 황진이의 작...
- 정신건강-상담이론(5가지)과 상담의 원리, 상담기법들에 대해 자세히 논하시오. 불안장애와 ...