본문 바로가기

www/HTML tip14

favicon 개요favicon은 브라우저 상단에 표시되는 웹 페이지의 아이콘이다.파일 포멧으로는 주로 ico 를 사용하며 기본 크기는 16x16 이다사용법 예제 2015. 1. 5.
<li> 태그 개요목록을 만드는 태그로 태그 혹은 태그 내부에 사용한다.태그는 번호를 메겨 순서대로 (ordered list), 태그는 순서없이 모양으로 (unordered list) 목록을 만든다. 태그는 단순히 리스트 나열 뿐만 아니라 메뉴등을 만들때도 사용한다.사용법 목록1 목록2 목록3 예제 목록1 목록2 목록1 목록2 목록3 출력 결과:목록1목록2목록1목록2목록3 2015. 1. 5.
IE Edge 개요기본적으로 Internet Explorer(IE) 10 이하는 문서를 읽을 때 쿼크모드 혹은 IE7모드를 사용한다. IE 최신 엔진으로 문서를 읽게끔 하게 하기 위해서는 특정한 meta 태그를 삽입해야한다.사용법아래 태그를 태그 안에 쓴다. 추가더불어 크롬 프레임까지 동작시키게 하려면 처럼 ,chrome=1를 붙여주면 된다. 2015. 1. 5.
Image Guide 이미지 사용 시 지켜야 할 규칙과 비용 최소화를 위한 방안을 중심으로 설명합니다.기본정책이미지 스프라이트운영성 이미지 성격이 아닌 아이콘 또는 장식을 위한 이미지 요소들은 스프라이트 기법을 활용하여 파일의 Size, Request 최소화를 도모한다.스프라이트는 수직정렬 (vertical)형과 바둑판(tile)형 중 서비스에 따라 선택하여 사용수직 정렬형 스프라이트는 개체 수가 늘어남에 따라 공간 또한 늘어나 용량 이슈가 발생하므로 모바일 환경에서는 바둑판형 스프라이트로 진행한다. (비교표 참조)각 스프라이트 집합은 타이틀, 버튼, 아이콘, 메뉴(GNB 또는 Tab), 숫자 등 용도별로 나누어 그룹핑비교표이미지 스프라이트 비교표이미지바둑판 스프라이트수직정렬 스프라이트299KB3.15KB2.79KB5.07K.. 2014. 1. 1.