본문 바로가기

HTML5 구조2

1.3 HTML5의 구조(structure) 1.3 HTML5의 구조(structure) 개인적으로 HTML 문서의 구조를 이해하는 가장 쉬운 방법은 먼저 HTML을 이용하여 만들어진 결과물을 통해 역으로 접근해보는 것이 이론적인 설명보다 빠르다고 생각합니다. 먼저 현재 HTML4.01 버전으로 잘 짜여진 웹 페이지를 보기 위해서 여러분들이 좋아하는 다음, 네이버, 네이트 등의 사이트를 IE, Firefox, Chrome 같은 웹 브라우저로 열어보는 것으로 시작하는데 여기서는 IE9를 이용하여 다음(Daum) 사이트에 접속하여 설명합니다. 위 화면의 여백에 마우스를 위치시키고 오른쪽 마우스 버튼을 클릭하면 나타나는 팝업 메뉴에서 밑에서 4 번째 정도에 나타나는 “소스 보기(V)” 부분을 클릭하고 주요 부분 코드를 나타내면 다음과 같습니다. … 위에.. 2013. 7. 31.
1. HTML5의 구조 및 기본 지식 익히기 1. HTML5의 구조 및 기본 지식 익히기 HTML5를 학습하는데 있어 기본적인 내용을 설명하기에 앞서 먼저 HTML5의 특징을 간략하게 요약하면 다음과 같습니다. 첫째, 멀티미디어 기능 지원이 강화되었습니다. HTML5 이전에는 이미지, 오디오, 비디오 등과 같은 멀티미디어 기능과 벡터 이미지를 웹 페이지에 나타내기 위해서 어도비(Adobe)사의 플래시(Flash)나 마이크로소프트(Microsoft)사의 Silverlight가 필요했었지만 HTML5에서는 canvas, audio, video, svg 요소 등을 이용하여 해당 기능들을 구현할 수 있습니다. 둘째, Web Storage 기능이 새롭게 등장하였습니다. 상대적으로 크기가 작은 파일에 사용자의 아이디, 쇼핑 정보 등을 저장할 수 있는 Web .. 2013. 7. 31.