|
HTML5. 한국방송대학교출판문화원.
http://tcpschool.com/
https://html.spec.whatwg.org/dev/
https://www.w3schools.com/ 1. [교재 2장]에서 다룬 HTML 요소 중에서 HTML5로 업그레이드되면서 새롭게 추가된 요소를 모두 찾아서 다음 조건이 만족되도록 정리하시오.
2.
|
|
|
HTML5 적용 중
- YouTube, Vimeo 등의 주요 동영상 제공 업체는 점진적으로 자사의 동영상 서비스를 HTML5로 제공
- 뉴욕타임스, ABC, 폭스뉴스 등 대형 미디어들도 HTML5 적용에 적극적으로 동참
o HTML5를 주도하고 있는 애플 사파리, 구글 크롬, 파이어폭
|
|
|
HTML5 디자인 원칙
① 기본 HTML을 웹 애플리케이션 플랫폼으로 업그레이드시킨 버전
② 2014년 10월 W3C에서 표준으로 채택
③ 2017년 12월 HTML 5.2 발표→작업중
3) HTML5의 특징
① HTML요소의 강화→다양한 시멘틱 요소 추가, 웹 폼 기능 강화, 오디오
|
|
|
HTML5 디자인 원칙
① 기본 HTML을 웹 애플리케이션 플랫폼으로 업그레이드시킨 버전
② 2014년 10월 W3C에서 표준으로 채택
③ 2017년 12월 HTML 5.2 발표→작업중
3) HTML5의 특징
① HTML요소의 강화→다양한 시멘틱 요소 추가, 웹 폼 기능 강화, 오디오
|
|
|
HTML5 디자인 원칙
① 기본 HTML을 웹 애플리케이션 플랫폼으로 업그레이드시킨 버전
② 2014년 10월 W3C에서 표준으로 채택
③ 2017년 12월 HTML 5.2 발표→작업중
3) HTML5의 특징
① HTML요소의 강화→다양한 시멘틱 요소 추가, 웹 폼 기능 강화, 오디오
|
|
|
HTML5 디자인 원칙
① 기본 HTML을 웹 애플리케이션 플랫폼으로 업그레이드시킨 버전
② 2014년 10월 W3C에서 표준으로 채택
③ 2017년 12월 HTML 5.2 발표→작업중
3) HTML5의 특징
① HTML요소의 강화→다양한 시멘틱 요소 추가, 웹 폼 기능 강화, 오디오
|
|
|
HTML5 디자인 원칙
① 기본 HTML을 웹 애플리케이션 플랫폼으로 업그레이드시킨 버전
② 2014년 10월 W3C에서 표준으로 채택
③ 2017년 12월 HTML 5.2 발표→작업중
3) HTML5의 특징
① HTML요소의 강화→다양한 시멘틱 요소 추가, 웹 폼 기능 강화, 오디오
|
|
|
제2장 HTML5 요소
1. 레이아웃을 위한 시멘틱 요소
1) header 요소와 footer 요소
① header 요소
- 머리말
- 사이트의 이름, 로고 등을 담는데 사용
- 보통 문서의 상단에 위치
- 어느 곳에 위치해도 무당
- section/article 요소 내에서는 머리글 역할
- sect
|
|
|
제1장 HTML5 시작하기
1. HTML5 개요
HTML이란 HyperText Markup Language의 약자. 월드 와이드 웹(World Wide Web)에서 웹 페이지 구조를 표현하기 위해 사용하는 마크업(Markup) 언어.
1-1. HTML5의 정의
HTML5는 문서 작성을 넘어 다양한 웹 애플리케이션을 만들
|
|
|
제2장 시맨틱 웹을 위한 요소
1. 레이아웃을 위한 요소
포털 사이트에는 헤더, 내비게이션 메뉴, 사이드바, 콘텐츠, 푸터 등으로 나누어져 있다.
기존 HTML에서는 div, ul, li 등의 요소로 페이지 레이아웃을 설정하였지만, HTML5에서는 레이아웃을
|
|
메뉴펼치기
