무아지경

onclick로 페이지 이동시키기 예전에 비슷한 onclick을 이용하여 페이지 이동 시키는 글을 작성한 적이 있다. 이때 사용 목적은 메인 페이지와 서브페이지 3~4 페이지를 만들어 놓고 실제 페이지 메뉴 클릭하면 실제 서비스중인 페이지처럼 보이게 하려는 목적이었고.. 지금도 시안을 보여주기 위해 사용중인 방법이다. 실제로 a링크가 아닌 버튼을 이용해 페이지를 이동시켜야 할일이 생겨서 다시 한번 찾아봤다. 우선 첫번째 일반적인 onclick를 이용한 방법 네이버 이동 cs 두번째 새창으로 페이지 열기 : target="_blank" 와 같은 역할** 다음 새창 이동 cs 세번째 팝업으로 새창 열기 네이버 새창 열기 cs 꼭 버튼이 아니더라도 li, div, span 등에도 사용 가능한 것 같다.

HTML 태그(tag)들의 약자 정리 HTML을 공부하다 보면 태그들이 무슨뜻인지...무슨 단어의 약자인지...궁금한 적이 없으시나요?? 몰라도 되지만...그래도 궁금하니까....그래서 찾아봤습니다~ 우선..HTML과 CSS의 Full Name은 기본적으로 알아야 겠죠~!! HTML : Hypertext Markup Language 의 약자입니다. CSS : Cascading Style Sheets 의 약자입니다. HTML Tag Full Name a (href) Anchor (Hypertext Refernce) iframe Inline Frame div Division p Paragraph h1~h6 header1~header6 sub subscript sup superscript img (src) I..

HTML5 시맨틱(Semantic) 마크업 HTML5의 가장 큰 특징 중 하나인 시맨틱 태그 시맨틱(Semantic)은 "의미론적인"이란 뜻을 가진 단어이다. 즉 개발자와 브라우저에게 의미있는 태그를 제공한다고 이해하면 될 것 같다. 간단한 예로 는 non-semantic 태그라 볼 수 있고 , , 등은 semantic 태그라고 볼수 있다. 이면 표가 들어 갈 것이고, 는 네비게이션을 의미할 것이라는 것을 유추 할 수 있다. 즉 시맨틱 태그를 보면 태그 자체만 봐도 어떤 의미로 사용 된 태그인지 알 수 있게 된다. 이렇게 의미를 가진 태그는 검색엔진이나 그 이외에 기계적인 동작들이 웹페이지를 쉽게 이해 할 수 있게 된다. 사용은 를 사용하듯 사용하면 된다. 시멘틱 마크업 작성의 장점 - 접근성이 좋아짐 ..