본문 바로가기

meta

(8)
iOS meta 에 넣어야 할 내용, 휴대폰/이메일 이렇게 하면 좀더 빨라질까..? 퍼포먼스 변화가 없더라도,웹브라우저 차원에서 이런건 체크하게 할 필요 없이,또 오해의 여지도 주지 않게.. 필요한 곳에다가 아래와 같이 해 주는 것이 나을듯함.이메일주소 그리고, iOS 는 OS 업데이트 때 마다 뭔가 버그가 있던데..tel:전화번호의 경우,tel:010-1234-5678 과 같이 하지 말고 하이픈이나 외국번호에서 + 등을 넣지 말고 그냥 숫자형태로만 사용하시기를..
웹화면 기술 순서에 대한 단상 웹화면은 아래 요소들로 이루어졌다고 볼 수 있다.- HTML 태그와 컨텐츠(리소스, 즉 사진, 음향, 동영상 등등)- HTML 태그와 컨텐츠를 화면에 제대로 표현하기 위한 CSS,- UX 를 담당하는 자바스크립트. (물론, 플래시 등의 요소가 존재하기는 하지만, 가벼운 웹사이트를 지향하자) 각종 컨텐츠는..웹서버에서 사용자 화면으로 내려지기도 하고, 사용자 화면에서 웹서버로 올려지기도 한다. 어쨌든, 사용자가 웹화면을 볼 때에는..웹서버에서 위에서 설명한 요소들이 사용자 웹브라우저에 모두 다운로드 되어야 한다. 물론, 내려지는 시차와 순서가 정해져 있거나 그렇지 않을 수 있다. 이제, 구현하는 입장에서 나열하는 순서를 생각해 보자.요즘엔 HTML5 로 수렴하는 분위기 이다 보니, 과 등이 맨 처음에 온다..
content="IE=edge,chrome=1" 메타 태그와 IE 그리고 Chrome 크롬과 IE 모두 설치된 PC 에서는 크롬의 렌더링 엔진을 차용해서 화면에 뿌려주지만, 아닌 경우에는 그냥 IE 모습 그대로.. ㅠ. 그래도, 호환성보기 옵션을 선택할 수 없게 된다는 것 자체에 의미를 두어야.. ^^. http://vouloir.tistory.com/839, Quirk Mode 쿼크모드로 웹화면이 열리는 경우..HTML5 형식으로 기술하면 열리지 않을듯..대체로는 doctype 이 없을 때 doctype 이 있어도 HTML 4.0.1 로 열 때..
웹브라우저 주소표시줄(창) 없애는 HTML/jQuery 코드 주소 표시줄 또는 주소 표시창을 없애는 방식이 애플 모바일 사파리에서 HTML meta 코드로 제공되는데,jQuery 를 사용하면 안드로이드 웹브라우저에서도 구현 가능합니다. 차이는 있습니다.. ^^.아래 1과 2 두가지 코드를 모두 사용하면 문제 해결입니다. ^^. 1. 애플 모바일 사파리안드로이드 기기에서는 아직까지 적용되지 않구요.. 앞으로도 아마 적용되지 않을 코드입니다. meta name 에 apple 이 들어가거든요..애플 OS 라도 모바일 기기의 iOS 에서는 구현되지만, 맥북이나 맥북 에어 등의 PC 에서는 적용되지 않구요. 2. jQuery$(window).load(function(){ setTimeout(scrollTo, 0,0,1);});이 코드도 body 에 구현되는 내용의 heig..
DOCTYPE 에 따른 html 언어 설정 KWCAG 에 보니까, 언어 설정이란 것이 있어서 이게 뭔가 고민했었네요..그냥, 한국어냐 일본어냐 뭐 이런거. DOCTYPE 에 EN 이라고 사용하니까 한글의 정체성 때문에 사용하는 것인지..?UTF-8 말고도, EUC-KR 도 나름 많이 사용. 요즘은 UTF-8 이 대세인데.. 한글 문자셋은 항상 문제. - HTML 4.01 인 경우... - XHTML 1.0 Transitional (Strict 보다는 Transitional 이 더 많겠네요..)... - XHTML 1.0 Strict... - HTML 5 인 경우는 아마도..... - DOCTYPE 이 없는 형태..? CSS 가 생각만큼 쉽게 적용되지 않아요.. ㅠㅜ... DOCTYPE 은 아래 URL 참조http://blog.naver.com/n..
모바일 기기에 특화된 메타 태그 maximum-scale 을 1.0 이상으로 설정해도 user-scalable=no 이면 화면 확대/축소가 불가. 애플에서는.. user-scalable 이 no 라도,minimum-scale 을 1.0 이상으로 설정하면 initial-scale 값에 상관없이 최초 화면이 해당 크기로 확대.안드로이드에서는.. user-scalable 이 no 라면,minimum-scale 이나 initail-scale 값에 상관 없이 크기 불변.. ㅎㅎuser-scalable 이 yes 이면 사용자가 확대해 볼때 화면 사이즈가 변경.아직 통일이 안 되어 있음. 애플이나 안드로이드나 동일하게 작동하는 것은..아예 사이즈가 고정되는 것은 상기와 같고,사이즈를 일정하게 확대/축소 시키는 것은 아래와 같음.. target-de..
페이스북 상태 업데이트 입력창에 URL 을 입력하면, 페이스북이 해당 URL 내용을 자동으로 가져오게 하기.. 페이스북 '상태 업데이트' 창에 URL 을 등록할때, 페이스북이 친절하게도 해당 URL 의 내용을 긁어와서 붙여줍니다. 이렇게 되도록 하려면 아래와 같은 코드가 해당 웹페이지에 기술되어야 합니다. 그런데 주의할 것이 있지요. 1. 일단 keywords meta 는 글쎄요.. 뭐에 쓰는진 모르겠네요. 일단 기술은 해 보세요. 2. title meta 와 title 태그가 동시에 존재한다면 title meta 의 content 에 기술된 내용이 적용됩니다. title meta 와 title 태그의 선후 위치에 상관없이 meta 가 먼저 적용된다는 것이죠. title meta 가 먼저 기술되고 이후에 title 이 기술되든, title 이 먼저 기술되고 title meta 가 나중에 기술되든 상관이 없어요. ..
SNS 페이스북 Like 버튼, 개발자 입장에서 생각해 볼 사항 아래 그림과 같이 Like 버튼을 다는 것은 페이스북 개발자 사이트 가서 한 번만 체크해 오면, 그 다음부터는 코드를 수정해서 사용하면 됩니다. http://developers.facebook.com/docs/reference/plugins/like/ 이때 유의할 점이 https:// 로 개발자 웹사이트에 접속하면 'Get Code' 버튼을 클릭했을때, '로딩중..' 이라고만 나오지 코드를 주지는 않아요.. http:// 로 개발자 웹사이트에 접속해야 합니다. 조만간 https (SSL, Secured Socket Layer) 에서도 정상 작동하지 않을까 싶긴 합니다만.. 아래 그림에 보면 'URL to Like (?)' 항목이 있죠.. 여기 입력하는 URI 는 PermaLink 이어야 합니다. 이때, ..