autumn-code 님의 블로그

웹 표준모든 운영체제, 모든 브라우저에서 같은 결과를 볼 수 있도록 만든 표준언어웹 접근성의 이해웹 접근성이란정의 : 웹 콘텐츠라는 대상에 접근할 수 있는 능력웹 접근성의 중요성누구나 어떤 환경에 구애받지 않음전문적은 능력 없이 웹 사이트에서 제공하는 모든 정보웹 접근성의 범위웹 접근성의 좁은 의미 : 다양한 사용자 환경에서 장애인,보조기기, 보조기술 =장애인 접근성웹 접근성 관련 용어웹 접근성의 넓은 의미: 기본적인 정의나 기대효과"장애인 접근성" 중심으로 현재까지 ActiveX 사용시각장애인등 다양한 장애유형별 사용자가 이를 키보드로 이용 가능함대체수단을 통하여 음성 지원 등 다양한 방법으로 설피 및 이용할 수 있다면 웹 접근성을 준수한 것으로 인정웹 표준, 웹 호환성, 오픈 웹정지 기능 제공웹 표준..

Font웹 폰트로컬 컴퓨터에 폰트 설치 여부와 상관없이 온라인 특정 서버에 폰트 파일을 다운로드하여 화면이 표시해주는 웹 전용 폰트입니다.폰트 종류EOT(Embedded Open Type) : 익스프로러 6~8에서 사용하는 웹 폰트 방식입니다.TTF(True Type Fonts) : 애플 마이크로소프트에 의해 1980년대 후반에 개발된 글꼴 표준입니다.OTF(Open Type Fonts) : 마이크로소프트 컴퓨터 기본 글꼴입니다.WOFF(The Web Open Font Format) : W3C에서 추천하는 글꼴 형식 입니다.WOFF2(The Web Open Font Format) : WOFF에서 향상된 글꼴입니다.SVG : 백터 방식의 글꼴 형식입니다.폰트 호환성IECHROMEFIREFOXSAPARIOP..

EmmetEmmet은 HTML,CSS의 자동완성 기능을 통해 작업 생산성을 향상시키는 기능입니다.바로가기 Emmet의 문법문법예제설명>div>ul>li여러개의 요소를 한번에 만들 때(child)+div+p형제 요소를 한번에 만들 때(sibling)^div^span부모 요소를에 추가하여 만들 때(climb-up)()(ul>li>a)+div그룹화하여 순서를 정할 때(Grouping)*div>ul>li*5원하는 개수를 설정할 때(multiplickation)$div>ul>li.img$*5넘버를 순차적으로 적용할 때(Numbering)##wrap.div아이디와 클래스 속성 설정 할 떄[]td[rowspan="2"]요소의 속성 값을 설정 할 때{}ul>li{header}텍스트 요소를 추가 할 때 설정div>ul>..

HTML ReferenceHTMLHTML(hyperText Markup Language)은 웹 페이지를 만들기 위한 언어 입니다.HT = HyperText : 문서와 문서를 연결M = Markup : 마크업, 태그L = Languate : 언어HTML이란? 문서와 문서로 연결된 태그 언어를 말합니다.HTML은 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 홈페이지를 작성하는 데 쓰인다. HTML에서 사용하는 명령어는 태그(tag)라고 하는데 꺽쇠괄호""를 사용하여 나타낸다. 일반적으로 태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있으나 "img", "br"등의 태그와 같이 시작태그만으로 그 영향을 나타내는 경우도 있으며, 종료 태그의 이름은 슬래시 문..