[정보시스템]차세대 웹표준인 Html5에 관한 소개 및 향후의 방향
- 등록일 / 수정일
- 페이지 / 형식
- 자료평가
- 구매가격
- 2010.10.01 / 2019.12.24
- 9페이지 / hwp (아래아한글2002)
- 평가한 분이 없습니다. (구매금액의 3%지급)
- 1,200원
최대 20페이지까지 미리보기 서비스를 제공합니다.
자료평가하면 구매금액의 3%지급!
1
2
3
4
5
6
7
8
9
추천 연관자료
- 목차
-
1. 서론
2. HTML5의 탄생
3. HTML5의 소개
4. 구조적 특징
5. 기능적 특징
6. HTML5의 현재와 미래
7. 결론
- 본문내용
-
4.1. 시맨틱 마크업
HTML5에서는 기존의 HTML4 보다 확장된 태그들을 지원을 통해 구조적 특징에서 그 페이지에 담긴 정보들을 논리적으로 추론 할 수 있는 틀이 제공 된다. 특히, 문서 구조에 적합하게 header, footer, nav, section 같은 구조화 마크업을 사용할 수 있다. 대부분의 HTML4 페이지는 헤더와 푸터, 몇 개의 칼럼 등 다양한 형태의 구조로 이루어져 있고 id나 클래스 스타일이 적용된 div 요소를 사용하고 있다. HTML4에서는 이런 요소들을 따로 세세하게 설명할 수 있는 시맨틱이 부족하기 때문에 div 요소를 사용하고 있지만 HTML5에서는 각각의 서로 다른 섹션을 표현하는 새로운 요소 (nav, footer)를 도입함으로써 이런 문제를 해결하고 있다. 다음 그림은 이러한 설명을 그림으로 간략히 나타낸 것이다.
그림 HTML5의 구조
그림 HTML4의 구조
또한, time, mark, meter, datalist 등과 같은 특정 의미 기반 태그들이 추가로 지원하고 b의 경우 b는 키워드, i는 학명에 사용하도록 기존 많이 사용하는 요소도 그대로 이용할 수 있다. 하지만, CSS로 완전 대체 가능한 big, center, font, s, strike 같은 스타일 기반 요소는 완전히 없어진 것을 볼 수 있다. 또한, frame과 applet, acronym 같은 불필요하다고 일컬어지던 요소들도 사라졌다.
4.2. 편리한 웹 폼(WebForm) 기능
HTML5는 개발자의 수고를 들어 줄 폼 기능 개선을 담고 있다. 여기서 말하는 폼 요소라는 것은 input 요소나 select 요소 등 웹 페이지에서 사용자가 입력하거나 선택하는 UI(User Interface)부분을 일컫는다. HTML5에서는 이러한 폼 요소도 큰 폭으로 버전업되어 종래는 JavaScript라이브러리를 이용하지 않으면 구현할 수 없었던 입력 보조나 입력 값 검증을 HTML의 마크업만으로도 실현할 수 있게 되었다.
- 참고문헌
-
시라이시 슌페이, 2010년,『HTML5 & API 입문 』, 안동현 옮김, 주식회사 프리렉
타츠로 호쿠고, 2009년 10월 “휴대폰에서부터 PC, 가전기기까지 하나로 이어주는 HTML 5”, Nikkei electronics Korea edition. 통권10호 , 31-36. 서울 : 두비
김인순 “엑티브 X에 덜미잡힌 국내 SW산업“광주드림, 2009년 10월
http://www.etnews.co.kr/news/detail.html?id=201005100089
Paul Krill “구글 I/O 컨퍼런스 “차세대 프로그래밍 모델은 웹이다” InfoWorld. 2009.05.29
http://www.idg.co.kr/newscenter/common/newCommonView.do?newsId=56290
Channy's Blog "HTML5의 모든 것"
http://channy.creation.net
네이버 카페 “웹디들의 커뮤니티 Dom FAM
http://cafe.naver.com/domfam
자료평가
-
아직 평가한 내용이 없습니다.