HTML 개발자 수업 52일차(2) - frame, html5

1. frame

2. html5

---

1. frame

[ 종류 ]

 1) <frameset> + <frame> : 잘 사용 안함 (수업X)

 2) <iframe>

• inner frame, inline frame
• 문서의 일부분에 다른 문서를 삽입하는 태그
• 쌍 태그, 인라인 태그

[ 사용 목적 ]

 1) 코드 재사용 목적 > include > ajax

• 독립된 페이지를 여러 페이지에 삽입해서 페이지 일부분으로 사용한다.

 2) 트래픽 감소 -> ajax

<!-- iframe 속성 중 frameborder는 테두리가 있냐(1) 없냐(0)로 나타낸다. -->
<!-- iframe 속성 중 scrolling은 스크롤을 이용할건지(yes) 안할건지(no)로 나타낸다 -->

<h1>iframe 예시1</h1>
<iframe src="ex20_form.html" width="100%" height="300" frameborder="1" scrolling="yes"></iframe>

<h1>iframe 예시2</h1>
<iframe src="http://coupang.com" width="100%" height="200" frameborder="0" scrolling="no"></iframe>

 

2. html5

[ HTML5에서 추가된 레이아웃 태그(시멘틱 웹 태그) ]

- 페이지 레이아웃을 구성할 때 사용( 건축으로 비유 하면 뼈대 구축 ]

- 블럭 태그, 쌍태그

1) <header>

• 머릿말 역할
• 주 메뉴, 사이드 로고, 검색창 등 ..

2) <nav>

• 메뉴 역할
• 주 메뉴, 보조 메뉴, 컨텐츠 메뉴 등..

3) <section>

• 주요 컨텐츠 역할

4) <article>

• <section> 내의 세부 컨텐츠 역할

5) <aside>

• 보조 컨텐츠 역할
• 광고, 보조업무, 채팅창 등..

6) <footer>

• 바닥글 역할
• 저작권(Copyright), 연락처, 보조 메뉴 등 ..

---->

CSS와 JavaScript를 배우지 않아 아직 이것을 활용해서 확인을 해볼 수 없기 때문에 저런식으로 사용 된다는 것만 알아두자. 

---

MEMO>

# 오늘 하루종일 form에 대해 배웠는데 그만큼 HTML에서 중요한 부분에 속하니 정리 꼼꼼하게 해서 천천히 복습하자.

 

# 오늘 HTML5에서 추가된 태그 까지 배움으로써 HTML이 끝났고 내일부터 CSS 수업이 시작된다.

   --> HTML의 정리가 안된다면 뒤에 CSS와 JavaScript는 더 따라가기 힘들것이니 정리 잘해두길!!

 

# 이번주 주말에는 자바와, 오라클 공부를 보충할 것.