본문 바로가기
[HTML] <div></div> 와 <div /> 의 차이점 와 의 차이점 필자가 html, css 관련하여, 특히 position 에 관련한 여러가지 실습 도중 이상한 현상을 발견했다. 감자 분명 세번째 div 는 position:static 인데, 두번째 div 값의 위치에 영향을 받고 있었다. 게다가 a 태그 안에 있는 녀석의 값은 absolute 이고, 그 부모는 static 이기 때문에 windows 기준으로 "감자" anchor 가 위치되어야 하는데, 이 녀석도 세번째 div 의 값에 relative 한 값으로 위치배정이 되어 있었다. CSS position 값에 대해 자세히 알고 싶으세요? 여기를 클릭 제대로 된 원인을 찾지 못하고 새로운 example 을 만들다 발견한 사실은..바로 div 태그의 close 방법에 대한 내용. 감자 단지 div 태그.. 2013. 6. 26.
[HTML] 여러해상도의 단말 모두 지원하기. HTML, 여러 해상도의 단말 모두 지원하기. 스마트폰이 나오면서 & mobile page 들이 등장하면서많은 내용을 적은 화면에 display 해야 하는 문제들이 생겨났다. mobile page 전용으로 layout 을 다시 하고, 표시하는 정보의 내용들을 depth 를 두어 나타내는 방법으로 해결하곤 했지만, 모바일 device 의 종류가 다양해지면서 이제는 여러 해상도의 단말들에서 최적화된 look 을 보여주는 issue 가 또 다시 제기되었다. 하여, 이전부터 W3C 가 권고하였듯 HTML, CSS, JavaScript 를 다른 파일로 구성하는 것이 좋고,이 방법을 따르면, HTML 이 불려지는 시점에 해상도에 따른 CSS 파일을 지정하여 불러올 수 있어 여러 해상도를 지원할 수 있다. 위와 같은.. 2013. 6. 13.
[티스토리] 링크(Link) 에 밑줄 추가하기 혹은 제거하기. 기본적으로 HTML 태그 중 하나인 'a 태그'는 링크에 밑줄을 제공합니다.하지만, CSS 를 이용해서 이 밑줄을 제거할 수도 있죠. 일부 스킨에서는 링크(Link)에 처음부터 밑줄이 안 보이도록 설정하더군요. 필자의 경우는 밑줄이 있는 것이 익숙해서 오히려 살렸습니다만,일부 블로거들은 밑줄을 내용 강조용으로 사용하기 때문에 밑줄을 없애시더라구요. 그래서 링크에 밑줄을 추가 혹은 제거하는 두 가지 방법 모두를 공개합니다. 1. 티스토리 관리자 페이지로 이동 2. [HTML/CSS 편집] 클릭한다. 3. style.css 부분에서 a 태그 정의부를 찾는다. 4. 밑줄을 제거하고 싶다면 text-decoration 에 none 값을, 밑줄을 넣고 싶다면 underline 값으로 적는다. Q : hover 는.. 2013. 5. 21.
[SEO] 검색엔진 패널티 피해가기. ( SEO 최적화 ) 검색엔진 패널티 피해가기. ( SEO 최적화 ) 구글 검색결과에 페널티를 받는 케이스들에 대해 알아보자.이 패널티 정책은 다른 검색엔진들도 비슷하게 가져갈 것이라 다음 사항에 해당하는 사이트 혹은 블로그들은 검색엔진 패널티를 받게 되고,검색시 상위랭크에 올라가기( 검색결과가 상위에 올라온다. ) 가 힘들어진다. 1. Copy & Paste 로 구성된 사이트 먼저 등록된 사이트의 글을 그냥 copy & paste 하여 글을 작성한 경우는 구글에서 중복 컨텐츠로 인식하여 패널티가 적용된다. 이 때 Copy 하려는 사이트의 신용도가 높은 경우 ( 상위 랭킹 사이트 or 블로그 ) 중복 컨텐츠로의 구분이 더 쉽다. 구글은 원작자 구분 알고리즘도 가지고 있어 중복 컨텐츠 인식 확률이 높다고 한다. 2. 로딩 속도.. 2013. 5. 11.
[android] framework source code link What is it? 안드로이드 framework source 들을 eclipse에서 연결하는 방법. How to do? 1. Android SDK Manager 를 사용하여, 연결하고 싶은 API level 에 해당하는 source code 를 다운로드한다. 2. Framework source code 를 연결하고 싶은 project 의 properties 로 들어가서, [Java Build path] 로 들어간다. [android.jar] 의 Source attachment 를 선택하고, [Edit] 를 선택한다. 3. Android SDK Manager 를 통해 다운받은 source code 폴더를 연결해준다. 다운받은 source code 의 위치는 [External Folder...] 를 통해 .. 2012. 12. 17.
반응형