본문 바로가기

html5 강좌38

10. Interactive Elements 10. Interactive Elements HTML5에서 대화형 요소들(Interactive elements)은 웹 페이지에서 사용자가 키보드나 마우스 등과 같은 입력 장치 등을 이용하여 어떤 기능을 활성화하거나 상호 작용할 수 있도록 하는 요소들로 이를 이용하여 사용자가 추가적인 정보나 메뉴나 명령 등을 처리할 수 있으며 현재 W3C에서 대화형 요소들로 분류한 목록은 다음과 같습니다. 요소 기능 details 사용자에게 세부사항를 보여주거나 감출 때 사용 summary details 요소를 위한 헤더, 타이틀 기능을 제공 command 사용자에 의해 작동되는 명령 menu command의 목록이나 메뉴를 만들 때 사용 10.1 details 요소 details 요소는 세부 사항을 보여주거나 감출 때 .. 2013. 7. 31.
9.12 progress 요소 9.12 progress 요소 progress 요소는 어떤 작업의 진행과정을 나타내기 위해 사용하는 요소로 어떤 작업이 전체에서 어느 정도까지 달성되었는가를 나타내는데 사용하는 value 속성과 달성해야 할 전체량을 나타내는 max 속성을 고유한 속성으로 사용할 수 있으며 다음과 같은 형식을 사용합니다. 메모장을 열어서 기본적인 코드를 작성하고 다음과 같이 시작태그와 마침 태그 안에 코드를 작성합니다. 다운로드 중... 위와 같이 작성한 후 “progressEx.html”로 저장합니다. 그 다음 Firefox를 이용하여 열어보면 다음과 같이 그럴듯한 진행상태를 나타내는 프로그래스바가 나타납니다. - 본 저작물은 본인이 2011년 상반기부터 2012년 여름 즈음까지 도서 출판을 목적으로 약 470 페이지(.. 2013. 7. 31.
9.11 output 요소 9.11 output 요소 output 요소는 계산 결과를 나타내는데 이용하는 요소로 예를 들면 javaScript를 이용하여 계산된 결과를 나타낼 때 사용하며 다음과 같은 고유한 속성들을 사용할 수 있습니다. 속성 기능 for 공백으로 분리된 요소의 ID값을 설정하여 계산된 결과 나타내는데 사용 form output 요소가 속한 form을 명시 name output 요소의 이름 예제를 하나 하는데 여기서는 form 속성과 name 속성 관련 예제를 해봅니다. 메모장을 열어서 HTML5 문서의 기본적인 코드를 작성하고 다음과 같이 작성합니다. output 요소의 사용방법 두 수의 더한 값 : 위에서 블록 내에 있는 add() 함수는 javaScript 함수를 나타내며 이 함수는 하단의 요소의 시작 태그 .. 2013. 7. 31.
9.10 keygen 요소 9.10 keygen 요소 keygen 요소는 키(key) 한 쌍을 생성하는데 이용되는 요소로 웹페이지에 올려진 input, textarea와 같은 컨트롤들을 포함하는 form이 웹서버로 전송될 때 비밀키(private key)는 로컬에 존재하는 저장 영역에 저장되고 공개키(public key)는 서버로 전송됩니다. 즉 보안과 관련된 요소로 다음과 같은 고유한 속성들이 정의되어 있습니다. 속성 기능 autofocus 페이지가 로드될 때 자동적으로 포커싱되도록 하는데 사용 challenge 공개키(public key)와 함께 전송될 문자열 keytype 키 타입을 명시할 때 사용. 예를 들면 keytype=”RSA” 라면 전자서명이 가능한 최초의 암호알고리즘인 RSA를 사용함을 나타냄 name Keygen.. 2013. 7. 31.

티스토리툴바