본문 바로가기

반응형

Web standard

(13)
html5 & css3 초기화 파일 , mobile -webkit- @charset "utf-8"; /* common */ /* common */body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,menu{margin:0;padding:0;-webkit-text-size-adjust:none}body,input,textarea,select,table,button,code{font-size:14px;font-family:'yungothic'}body{position:relative;word-wrap:break-word;word-break:break-all;-webkit-tap-highlight-color:rgba(0,0,0,0)}nav,menu,ul,..
FONT / TEXT 스타일 FONT / TEXT 스타일 FONT 속성 PropertyValue Ex CSS font variant weight style size/line-height family 1 font-family dotum,helvetica,sans-serif 1 font-size 12px 1 font-style italic | oblique| normal 1 font-variant small-caps | normal 1 font-weight bold | normal | bolder | lighter 1 TEXT 속성 PropertyValue Ex CSS color #ff0000 1 direction ltr | rtl 2 letter-spacing - 1 line-height - 1 text-align left | cen..
참고사이트 웹표준 참고 http://w3c.org http://w3schools.com http://html.nhndesign.com http://naradesign.net http://hooney.net http://trio.co.kr/webrefer/html/cover.html 웹접근성 참고 http://wah.or.kr 마크업 테스트 http://validator.w3.org/ CSS테스트 http://jigsaw.w3.org/css-validator/ html5, css3 http://html5gallery.com/ (html5로 만든 사이트 소개) http://101besthtml5sites.com/ (html5로 만든 베스트 사이트 소개) http://www.css3.info/ html5 + css3 레..
플래시 삽입코드 플래시 삽입 에서 value=" " 에는 transparent - 투명 - 접근성(X) - 위,아래 - 한글입력(X) opaque - 불투명 - 접근성(X) - 처음엔 위 - 한글입력(X) window - 불투명 - 접근성(O) - 항상 위 - 한글입력(O) 세 가지의 값이 들어갈 수 있음. 코드샘플
텍스트 정의를 위한 인라인 요소들 강조(em 요소, strong 요소) 특정 텍스트를 일반적으로 강조할 때 em(emphasis)요소를 사용하고 더욱 강한 강조를 하려면 strong(strong emphasis)요소를 사용한다. em요소는 이택릭체로 strong요소는 볼드체로 표현되며 CSS로 모양을 바꾸어 표현할 수 있다. 예제) 대세는 웹표준이다. 생략어와 두문자어(abbr요소, acronym 요소) 일 부의 텍스트를 생략어(abbreviated form)로 정의하는 데는 abbr요소를, 두문자어(acronym)로 정의하는 데는 acronym요소를 사용한다. abbr요소는 'WWW','HTML','IT' 등 한 문자씩 발음하는 단어를, acronym 요소는 'NATO', 'UNESCO' 등 한 단어로 발음하는 단어를 지정하는 점이 다..
링크 링크(a 요소)a요소는 인라인 요소이며 a요소를 제외한 인라인 요소와 텍스트를 포함한다. 문서의 특정한 부분을 도달점으로 하고자 하는 경우는 name속성, 또는 id속성을 이용하여 그곳에 이름을 지정한다. id로 이름이 붙는 요소는 a요소 이외에도 링크의 도달점이 될 수 있지만 지원하지 않는 브라우저도 많이 있다. XHTML1.0에서 도달점의 이름을 붙이는 경우에는 id속성을 사용해야만 한다. XHTML1.0과 예전 브라우저 모두 문제없는 도달점을 표현하기 위해서는 id속성과 name속성을 모두 지정해 둔다. 예제) 링크설정 : 링크설정 문서 내의 특정한 위치지정 : 링크설정방법 위 링크설정방법 참조 ※ xhtml1.0에서는 목표지점에 a요소를 지정할 필요가 없으며 링크설정방법로 지정하면 된다. tabi..
이미지 이미지(img 요소) img요소에는 src속성과 alt속성이 필수이며 src 속성으로 이미지파일의 URI를 alt속성으로 대체텍스트를 지정한다. alt속성으로 대체텍스트를 작성할 때는 구체적으로 작성하지만 지나치게 긴 문장은 삼가하도록 하고 별도의 설명이 필요하면 title속성을 활용한다. title속성으로 설명을 하더라도 한계가 있으므로 longdesc속성으로 참고 URI를 지정할 수 있다. 예제) longdesc속성은 특히 이미지에 이미지맵을 설정할 때 텍스트로 구성한 사이트맵 페이지의 URI를 지정해 두는 방법으로도 활용된다. img요소의 폭과 높이는 'width'속성과 'height'속성으로 지정한다. 폭과 높이를 '픽셀'로 지정하면 브라우저에서 이미지를 다 읽어들이지 않고도 그 영역을 확보하고 ..
서식 서식 양식 만들기. 1) 서식내용을 전송하기 위한 form 요소 속성으로 action과 method를 적용할 수 있다. action은 필드의 내용을 처리하게 될 프로그램의 URI를 입력한다. method는 전송되는 방식을 정의하는데, get과 post방식이 있다. get방식은 action에 지정한 URI에 폼의 내용을 '?'로 구분으로 추가하여 전송하며 기본값이 된다. 일반적으로 보안의 문제 때문에 URI에 나타나지 않는 post방식을 흔히 지정한다. ~ 2) 서식의 내용을 그룹화 하는 fieldset요소 서식을 그룹화하려면 fieldset요소를 적용하고 legend요소로 이름을 지정할 수 있으며, fieldset안에 한번만 올 수 있다. 서식의 이름 3) 기본적인 서식 컨트롤 input 요소 input..

반응형