분류 전체보기 496

WC3 웹표준에 따른 HTML 코드 표기규칙

>- 속성값은 반드시 "표로 시작해서 "표로 끝냄 - 속성값은 '표 보다는 "표를 사용세요 - URL에 사용되는 '&'는 모두 '&'를 사용 - URL에 한글이 들어있는 경우 유니코드로 표기하세요 - 태그는 반드시 마지막에 "/"을 사용한다. - 태그는 반드시 alt="설명"을 사용한다. 설명이 없을 경우 ""를 쓰면됨 - 태그 또한 마지막에 /을 사용(사용을 줄인다.) 예) - 는 해당포스트의 태그에만 사용한다.(태그리스트 랜덤태그에 사용금지) - 로 시작되는 태그에는 굵게표시가 기본이다. font-weight:bold;를 중복으로 사용할 필요 없음 - 태그를 사용하지 않음 - 픽셀단위로 조정되는 모든 속성에는 px를 붙여준다. 단 속성값이 0인경우 px를 생략가능 예) padding:15px 0 10..

Web story/웹표준 2008.05.07

a 태그의 사용성과 접근성.

a 태그의 사용성과 접근성. a 태그의 개요 a 태그의 어원에 해당하는 말은 anchor 입니다. 즉, 우리말로 직역하면 ‘닻’ 이라는 뜻이고 의역하면 ‘연결’ 이라는 의미가 됩니다. 그리고 a 태그는 href 라는 필수 속성을 갖는데 이것의 어원은 Hyper text REFerence 입니다. 즉, 무언가를 참조하라는 뜻이고 a 태그는 결국 다른 어떤 자원을 ‘참조’ 하라는 연결의 의미를 갖습니다. Web 이라는 거미줄을 짓는데 있어서 가장 중요한 태그입니다. 우연의 일치인지는 모르겠지만 어쨌든 W3C의 HTML 요소 색인 페이지를 보아도 a 태그는 HTML 요소(Element) 가운데 가장 먼저 소개됩니다. abc 순으로 정렬되니까 당연히 그렇겠죠.^^ 이렇게 중요한 태그를 우리는 그동안 너무 쉽게 ..

Web story/Html 2008.05.07

DTD에 따른 FIELDSET & LEGEND 요소 사용법.

안녕하세요? 오늘은 HTML DTD에 따른 FIELDSET과 LEGEND 요소의 다른 사용법에 대하여 공유드리고자 합니다. FIELDSET 요소는 하나의 전송양식(FORM)을 의미 단위로 그룹핑하는 요소로서, 회원가입 페이지의 전송양식을 예로 든다면 ‘필수입력, 선택입력’ 등과 같이 의미구조에 따라 전송할 내용을 그룹핑(또는 분할)하는 역할을 하고 있습니다. LEGEND 요소는 FIELDSET 요소에 대한 캡션(또는 제목)을 제공하여 양식의 이해를 돕는 역할을 하고 있습니다. 혹시 W3C Markup Validation Service 도구를 사용하면서 FIELDSET 요소 안쪽에 어떤 HTML요소는 허락하지 않는다는 오류를 만나보신 적이 없으신지요? 만난적이 없으시다면 아래 경우 중 한 가지 경우에 해당..

Web story/Html 2008.05.07

브라우져 화면의 100% 높이를 유지하는 레이아웃

블록의 높이를 설정하는 속성 브라우져 화면의 100% 높이를 유지하는 레이아웃 우선 height 100%를 사용하려면 html element와 body element의 높이를 100%로 확보해 주어야 합니다. #body 는 min-height 로 100%높이를 유지 해주고, #content-area 는 원하고자 하는 컨텐츠 영역을 확보 합니다. 이때, IE 는 min-height 를 지원하지 않으므로, conditional comment를 사용하여 height를 100% 로 확보 합니다. (주석같이 보이는 부분) #head 의 높이와 #foot 의 높이가 고정이어야 한다는 제약이 있습니다...만, 거의 대부분의 웹사이트가 고정이므로 별 문제는 없으리라 봅니다.

Web story/Html 2008.05.07

[js] 내용에 따라 아이프레임 길이 변화시키기

아이프레임에 들어가는 문서가 로딩되면 자동으로 문서의 길이에 맞게 아이프레임이 늘어나고 줄어드는 스크립트입니다 제로보드 게시판 등을 아이프레임으로 불러들이면서 세로 스크롤바가 생기지 않게 하여, 원프레임 페이지처럼 보이게 할때 유용하게 사용됩니다 아이프레임이 로딩완료되는 순간 화면이 문서의 내용에따라 일순간 길어지는 단점이 있습니다. ------------------------ 적용될 자바스크립트 시작 ------------------------------------------------------------------------ ------------------------ 적용될 자바스크립트 끝 ------------------------------------------------------------..

에디트플러스 코드정리 htmlarg

htmlarg은? 에디트플러스2에 붙여쓸수 있는 태그 정리기 입니다. 복잡한 태그들과 php, js코드들을 정렬시켜줍니다. 실행파일 다운로드 : htmlarg.exe v2.0.2 소스코드 다운로드 : htmlarg.cpp 설치방법 htmlarg.exe를 다운로드를 받아 Editplus 폴더에 넣는다. 에디트 플러스를 실행,, 메뉴->도구->사용자 도구 구성 추가버튼을 눌러 위와 같이 프로그램을 추가한다. 텍스트 필터 사용에 꼭 체크한다 저장하고 사용 인수 설정방법 [들여쓰기][코드들여쓰기] [태그리스트1] [태그리스트2] [태그리스트3] ($CurSel) -------- ex) 2t D D D $(CurSel) 들여쓰기 0~9까지의 숫자, 탭문자를 이용하고 싶으면 t를 사용 코드들여쓰기 0~9까지의 숫자..

Web story/Web 2008.05.07

display 스타일 속성

개체가 표현되는가를 반환하거나 설정한다. Script object.style.display=[sVal] HTML CSS cssSelector {display:sVal;} 인수 cssSelector : (스타일 선택자) display 속성을 가질수 있는 엘레멘트( ELEMENT)나 클라스(class) 이름 혹은 인식자(id)이다. sVal : (속성 문자열) display 스타일 속성은 개체가 표현되는가를 나타내는 문자열이다. block 개체가 블럭엘레멘트로 표현된다. none 개체가 디스플레이되지 않는다. inline 디폴트이며, 개체가 내용의 크기에따라 인라인 엘레멘트로 표현된다. inline-block 개체가 인라인으로 표현되지만, 개체의 내용은 블럭 엘레멘트로 표현된다. 인접 인라인 엘레멘트는 간격..

Web story/CSS 2008.04.22
반응형