세연아빠의 개발과 일상의 모습

html5 태그 figure, figcaptionhtml5 태그 figure, figcaption html5 에서는 html4 에서는 없던 새로운 태그들이 추가 되었습니다. 그중에서 이미지 관련 태그인 태그와 태그에 대하여 알아보도록 하겠습니다. 1 그림이나 미디어등을 대상으로 하는 태그로 는 설명글을 붙이 대상을 정의하는 태그이고 은 대상에 설명글을 붙이는 태그이다. 다만 를 정의했다고 해서 꼭 을 설정해야 하는건 아니지만 사용할때는 꼭 태그안에서 사용되어야 한다. 2 예제 위 설명대로 예제로 html5 문서를 작성해 보았다. 1234567891011121314151617181920212223242526272829303132333435363738394041html5 테스트 html5는 쉬워요 html5..

html5 문서의 구조html5 문서의 구조 가장 중요한 변화임에도 쉽게 놓치는 부분이 html5 의 시멘틱한 문서구조입니다. 여기에[서 html5 문서구조가 html4의 문서 구조와 어떻게 다른지를 먼저 살펴보도록 하자 1 html4 vs html5 html5 에서 두드러진 차이점은 시멘틱한 문서 구조입니다. 시멘틱 테그를 사용했을때와 사용하지 않았을대 어떻게 다른지 확인해보자 html4 에선 문서의 레이아웃을 구성할때 를 이용해 텍스트나 이미지를 담아놓고 CSS 를 사용해서 각 를 원하는 형태로 배 치합니다. 이때 요소를 구분하기 위해 id="header" 등 식별자를 붙여서 표현하게 됩니다. 제작자가 임의로 붙이는 것이기 때문에 소스만 보아서는 문서 구조나 내용을 알기가 쉽지 않게 됩니다. 의미없는..

html5 의 등장html5 의 등장 누구나 미래의 웹표준으로 html5를 이야기 하고 있다. 아직 표준규약이 만들어지지 않은 상황인데도 html5 버전은 많은 사람들에게 관심을 받고 있다. html5 가 왜 만들어진 것인지 그리고 왜 우리가 지금 주목을 해야 하는지 대해 알아보자 1 웹과 웹 어플리케이션 요즘 웹은 진화하여 단순히 정보를 보여주는 웹에서 스스로 특정 기능을 수행하기 위해 실행되는 프로그램이 되어 가고 있다. 예로 구굴 문서도구나 MS 의 웹 오피스를 이용하여 자신의 컴퓨터에 편집프로그램이 설치되어 있지 않더라도 웹상에서 스 프레드 시트나 프레젠테이션 문서를 작성할 수 있습니다. 이와같이 웹 자체가 하나의 어플리케이션처럼 동작하는것을 웹 어 플리케이션 이라고 합니다. 2 WHATWG ht..