-
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과 같이 제목을 표현하는 요소들과 함께 사용한다.
- 중략 -
추천자료
- [방송통신대학교 간호학과 간호지도자론 과제물] 동기부여, 맥그리거의 X-Y이론, 리더십의 개...
- 한국방송통신대_경영학과_논문)고령화변화 에 맞는 마케팅구축/연구개요:고령화사회에 따른 ...
- 방송통신대.교육심리학) 가드너(Gardner)의 다중지능이론을 설명하고, 그 교육적 시사점, 에...
- [세계의 정치와 경제] 정보화와 세계화로 인해 본인의 삶은 어떤 변화를 겪었는가 (방송통신대)
- 세계의역사 - 베트남 전쟁에 관한 인터넷 자료를 10건 이상 확보하여 정독한 후 베트남 전쟁...
- 기초간호과학-종양이 인체에 미치는 영향종양의병기TNM 분류방법 혈액응고과정의 3단계범발성...
- 교육평가A형-아래 사항에 근거하여 만 5세 유아의 ‘예술감수성’ 평정척도 검사도구를 제작하...
- 영어권국가의이해A형 (방송통신대 2018) Brexit와 스코틀랜드 민족주의(the Scottish Nationa...
- 보건교육A형 (방송통신대 2018) 아동지역노인의 가정 내 안전사고예방교육 선택대상의 인구사...
- 보건교육C형 (방송통신대 2018) 직장남성여성의 직무스트레스예방교육 선택대상의 인구사회적...