본문 바로가기
Bootstrap All Functions #2 Bootstrap All Functions #2 HTML 5 Doctype .. Mobile First BootStrap 3 부터는 기본적으로 responsive web page 이다. Bootstrap 3 부터는 모바일 단말들이 먼저이고, 데스크탑을 다음 순위로 지원한다. 추가적으로 user-scalable=no 를 넣을수도 있다. 이 녀석은 모바일 단말에서 zoom 을 막는 효과가 있다.maximum-scale=1.0 은 user-scable=no 와 함께 쓰여서 native app 과 비슷한 효과를 볼 수는 있으나, responsiveness 는 떨어진다고 볼 수 있다. Responsive Images .img-responsive{ display: inline-block; height: auto; .. 2014. 3. 18.
Bootstrap All Functions #1 Bootstrap All Functions #1 Container, Row, SpanX Responsive Web Typography -기본 tag 들에 대해서도 style 이 적용되어 있다. - blockquote 의 경우 위와 같이 두드러지게 바뀐다. -기본 tag 의 style 을 제거하려면 class="unstyled" 를 적용한다. -dl 의 경우 class="dl-horizontal" 로 수평 definition list 를 사용할 수 있다. Glyphicon User -Glyphicon customize pagehttp://www.w3resource.com/twitter-bootstrap/3/glyph-customization.html Table Forms Search -bootstrap 의.. 2014. 3. 13.
[기초강좌] HTML Head - w3schools 번역 [기초강좌] HTML Head - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_head.asp The HTML The content of the document...... The HTML Element tag 는 페이지 안에 있는 모든 상대경로 URL 의 기본 URL 그리고 기본 target 을 정의한다. The HTML Element tag 는 문서와 외부 리소스와의 관계를 정의한다. tag 는 대부분 style sheet 을 연결할 때 사용된다. The HTML Element tag 는 HTML 문서의 style 정보를 정의하는 데 사용된다. element 안에는 HTML element 들이 어떻게 그.. 2014. 3. 10.
[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.
[SEO] 검색엔진 최적화 가이드 ( 기초 & 필수정보 ) 검색엔진 최적화 ( SEO ) 에 대해 알아보자! SEO 는 Search Engine Optimization 의 약자.굳이 한국말로 풀어 말하자면 검색엔진 최적화이다.내가 쓴 글이 검색엔진의 상단에 위치하도록 최적화하는 과정 및 방법을 이야기한다. 그럼 검색엔진을 최적화 하는 방법에 대해 알아보자. 양질의 컨텐츠를 제공하자. 가장 먼저 남의 글을 copy & paste 한 것이 아닌, 자신이 손수 작성한 것일수록 좋다.다른 사람이 다루지 않은 내용을 다루고, 그 내용이 전문성이 있어 다른 사람들로부터 링크가 될 정도라면 ( 인바운드 ) 그것은 질이 좋은 컨텐츠라 볼 수 있겠다. 질이 좋은 컨텐츠라도 그 양이 너무 부족한 경우도 문제가 될 수 있다. 결론적으로는, 말 그대로 양질의 컨텐츠일 때 검색엔진에 .. 2013. 5. 13.
[티스토리] 블로그에 구글 메타태그 삽입하기. 티스토리에 구글 메타태그 넣기. 메타 태그? 메타태그는 HTML 태그 중 하나로,보여지는 내용을 넣는 것이 아니라 해당 페이지에 대한 추가정보를 넣는 곳입니다.이 메타태그는 검색엔진에서 검색을 할 때 참고되어지기 때문에 메타태그를 잘 작성하면검색엔진에서 내 글이 상위에 위치할 수 있을 확률이 높아집니다. 구글 메타태그는 왜 넣어? 구글의 메타태그를 넣어두면, 구글검색엔진 ( 정확히는 크롤러 )가 내 블로그의 존재를 기억하고 있다가 주기적으로 새로 작성한 글을 파악해가는데 도움을 줄 수 있습니다. 개인적으로 메타태그를 적용해놓아서인지구글에서의 유입이 가장 많더군요. 구글 메타태그는 어떻게 넣어? 자 그럼 구글 메타태그 삽입 방법을 알아보겠습니다. 1. 구글 웹마스터 도구에 접속한다. 2. 사이트 추가를 클.. 2013. 5. 10.
반응형