본문 바로가기

반응형

프로그래밍/Web

(13)
HTML 5 : 섹션 그리고 글의 구조 HTML5의 요소 중 글의 아웃라인을 구성하는 섹션 관련 요소는 , , , 이고, 최상위 섹션 요소는 , , , , , 이다. 헤딩관련 요소는 , , , , , , 이 있다. 최상위 섹션 요소는 자신만의 아웃라인을 가질 수는 있지만 최상위 섹션 요소를 포함하고 있는 아웃라인에는 영향을 미치지 않고 독립적이다. 웹페이지가 블로그라고 가정하고 각 섹션 요소의 용도를 살펴보자면, 는 메인 메뉴에, 은 블로그의 엔트리에, 는 사이드 바에 적용할 수 있다. HTML 5에서는 섹션(section)을 어떻게 지정하는가에 따라서 글의 구조(outline)가 달라진다. 명시적으로 섹션을 구분하지 않은 경우에는 헤딩의 수준과 위치에 따라 암시적으로 섹션이 구분된다. 참고로, , , 등은 섹션을 나누지 않는다. 우선, 아래..
첫번째 핑백 받은 이야기 홈페이지에 만들고 있다. 핑백 기능을 만들어 놨는데 하루 이틀 정도 지났나, 핑백이 하나 와 있었다. 시간과 IP만 찍혀있고 그 외엔 아무 것도 없었다. 아, 순간 내가 잘못 만들었나 싶었다. 후이즈 검색을 해보니 야후서버의 아이피다. 야후의 블로그 기타등등을 쓰는 누군가 보다 하고는 ... 더 이상 알 방법은 없었다. 내가 만든 소스 코드를 다시 뒤지고 볶고 핑백 전송용 프로그램도 급조해서 테스트도 해보고.. 별 이상이 없는데.. 참 이상했다~ 그랬었다. 그리고 오늘 홈페이지 접속 로그를 뒤지다가 야후봇이 눈에 띄었다. 그리고, 아! 이놈이었구나 싶었다. 핑백이라는게 핑백 주소를 안에 에 어쩌고 저쩌고 해 놓는다. 마치, 트랙백 주소 자동 검출하고 비슷하다. 하지만, 핑백이 뭔지 몰랐을 야후봇이 그 링..
미투데이 버튼 그리고 요즘 버튼 삽입된 현재 문서의 제목과 주소를 알아서 처리하는 기능이며, 공개된 공식 삽입 소스가 없어서 자바스크립트로 대충 만듦. 원래는 PHP로 소스를 뿌려주는 방식으로 짠건데 보기 좋게 살짝 손 봐서 올립니다. 웹 페이지의 적당한 삽입 위치에 태그를 지정해두고 스크립트가 실행되면 각각의 id를 찾아서 링크 주소 및 해당 이미지를 처리함. 웹페이지 yozm me2day 자바스크립트 /* /scripts/socialButtons.js */ var sPost = encodeURI(document.title); var sLink = encodeURI(window.location.href); var sTag = encodeURI("미투데이 태그"); me2day(sPost, sLink, sTag); yozm(sPost,..
QR 코드를 쉽게 만들 수 있습니다. QR 인코더 우리 말이 컴퓨터와 달라서 URL 인코딩과 서로 통하지 아니하므로 일반인이 QR코드를 만들고자 하나 제 뜻을 능히 펴지 못할 자가 많은 지라, 내 이를 불쌍히 여겨 새로 웹페이지를 만드나니 사람들이 쉽게 방문하여 QR 코드를 편히 만들게 하고자 할 따름이니라. http://www.apliketo.com/qr-encoder/ 웹페이지에서 직접 QR 코드를 생성할 수 있습니다. 구체적인 아이디어는 며칠 전에 작성한 다음의 글이 그 시작점입니다.. 2011/08/11 - [IT/Software] - 구글에 의한 QR코드 만들기 그리고, 모바일 웹으로도..
SNS 버튼 달기 웹페이지에 SNS 버튼들을 달아보도록 하자. 다음의 주소를 참고한다. Google +1 : http://www.google.com/intl/ko/+1/button/index.html Google Buzz : http://www.google.com/buzz/api/admin/site Twitter : http://twitter.com/about/resources/tweetbutton Facebook : http://developers.facebook.com/docs/reference/plugins/like/ me2day : http://dev.naver.com/openapi/apis/me2day/newpostlink_api yozm : http://dna.daum.net/apis/yozm/PrePost C..

반응형