본문 바로가기

전체 글229

HTML5 output 엘리먼트(element) HTML5 output 엘리먼트(element) output 엘리먼트는 계산결과를 표현한다. 아래는 a + b = z 형식의덧셈결과를 결과를 보여준 예이다. + = 답 현재는 오페라만 지원되다.아래는 오페라에서 캡쳐한것 http://sianasiatiger.cafe24.com/study/Html5_Formlink.html 2010. 7. 14.
HTML5 keygen 엘리먼트(element) HTML5 keygen 엘리먼트(element) keygen은 비밀키와 공개키를 생성한다 속성을 살펴보자 http://100.naver.com/100.nhn?docid=770223 form : form과 연계시킬떄사용한다 대상이될 form의 #id를 적는다. keytype : 키타입을 지정한다 디폴트값은 rsa rsa참조 : http://100.naver.com/100.nhn?docid=770223 2010. 7. 14.
HTML5 datalist 엘리먼트(element) HTML5 datalist 엘리먼트(element) datalist 엘리먼트는 option엘리먼트 세트를 표현할 때 사용한다. select와 차이점은 바로 표시되어나타나지않고 포커스 했을떄 나타난다. 어쩌고저쩌고 dlfjgrhwjfjgrh 2010. 7. 14.
HTML5 form 엘리먼트(element)와 form 관련 엘리먼트 HTML5 폼(form)과 관련 엘리먼트 html5에서 form엘리먼트와 그외 관련된것 들을 살펴본다.변경과 새로 적용된 속성 엘리먼트를 살펴본다. form 폐지된것은 없다 추가된것은 두가지이다. autocomplete : 말그대로 자동완성 input엘리먼트에 입력한 값과 일치하는것이있다면 흔히 네이버같은 포탈 사이트에서 보듯이 일치하는값을 리스트로 표시한다. novalidate : 폼을 전송할때 데이타의 적절성여부를 확인한다. 이속성을 사용하면 데이터를 체크하지않는다. fieldset 폼을 필요에따라 그룹화 시킨다 달란진것없음.디폴트로는 박스로 border가만들어짐 legend fieldset안에서 캡션(caption)과 같은역할.즉 폼에서 목적을 분명히 하기위해사용한다. label 1)label안에 .. 2010. 7. 14.
CSS3 스크롤에 움직이는 입체 이미지 오직 css3만을 사용한다. 스크롤에 따라서 움직임 본 출처는 여기다. http://www.romancortes.com/blog/pure-css-coke-can/ 필요로 사용된 이미지는 두개로 하나는 병이고 하나는 라벨 아 그리고 테스트결과 IE6 빼고 다적용됩니다. 코드는 무지무지 길다. 개인적으로 완성된 것 링크 http://sianasiatiger.cafe24.com/study/CSS3_rollingcan.html ... ... ...... html에서 아이디는 번호순대로 나오니 가운데 생략 body { margin: 0;padding: 0;overflow: hidden; } #coke { width: 510px; height: 400px; overflow: auto; } img{ border: 0.. 2010. 7. 13.
HTML5 table 엘리먼트(element) HTML5 table 엘리먼트(element) 테이블의 경우 크게 변한것 없다. 일단 그전에 올린 포스팅을 참조하자 여기것이 거의 그 대로이다. 웹표준 테이블 코딩 2009/9 웹표준 테이블 코딩 좀더 보완 2010/7 대부분의 속성엘리먼트가 CSS로 대체하도록 되었고 남은 속성엘리먼트는 summury, span정도이다. 테이블 네임의 작성형태 테이블엘리먼트에서 별 다를 바가 없으나 다른 엘리먼트추가로 약간 테이블 설명에 변화를 줄 수 있다. 월드 와이드웹 홈에서 참고http://dev.w3.org/html5/spec/Overview.html#the-table-element 먼저 흔히 사용해오던 방법 caption에 strong으로 강조하고 있다. Characteristics with positive a.. 2010. 7. 13.
웹표준 테이블 코딩 보완 웹표준 테이블 코딩 본주소는 여기 좀더보완한다 웹표준 테이블 행과 열 행(row)이 가로이고 세로가 열(col)이다. 아래 그림참조 코딩의 개념 다시확인 thead엘리먼트는 표의 머릿부분을 tfoot는 아랬바닥을 tbody는 메인내용을 이야기한다. tfoot의 경우는 꼭 마지막에 위치한다 라는 의미보다.보다 통계수치의 혼합등을 위해사용할 떄가 많다. 특별한 의미가 없다면 굳이 사용할 필요는 없다. tfoot의 경우는 tbody앞에서 미리 끝내주어야한다. 그래도 마지막에 나온다. 아래 예가 올바른모습 간단한예 이름 성별 직업 두사람 남자와여자 웹관련 뭐시기 남 프로그래머 저시기 여 디자이너 잘 모르는 것들 다시확인 colgroup은 세로 열을 다 지칭할때 사용한다. 흔한 예 웹표준 테이블 코딩 ... ca.. 2010. 7. 13.
HTML5 map area 엘리먼트(element) HTML5 map area 엘리먼트(element) map엘리먼트는 이미지맵을 정의하는 엘리먼트이다. img엘리먼트나 objec t엘리먼트를 이용하여 이미지 삽입후에 다수이미지에 대한 이미지맵을 정의한다. 자식엘리먼트가 area로 맵의 하이퍼링크를 표현한다. html5에서는 area의 속성엘리먼트 noHref(일크없음)이 사라지고 좀더참조핳 hreflang(링크할 언어종류), meadia,pinㅎ(서버용어플리케이션호출), rel이 추가되었다. 사용하는 예를 보자 1. img나 object로 이미지를 삽입하고 속성엘리먼트 usemap으로 지정한다. 2. map 엘리먼트 시작 name과 id 속성의 값을 같게 작성하고 연계하도록 한다. usemap에서 box로 했듯이 여기서도 box로 해주었다. ... 이렇.. 2010. 7. 9.
HTML5 param 엘리먼트(element) HTML5 param 엘리먼트(element) 플러그인 즉 object 엘리먼트의 파라미터를 정의한다. type ,valuetype는 페지되었다. object엘이먼트의 자식엘리먼트이다. 이름과 값 속성엘리먼트는 반드시 작성해야하고 이값을 정함으로 서 외부 자원을 호출시 참조한다. 간단한 CNN뉴스에서 사용되는 소스를 보고 확인 2010. 7. 9.

티스토리툴바