주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

HTML5 (Hyper Text Markup Language)이란? 월드와이드웹(World Wide Web)을 통해 제공되는 정보를 나타낼 목적으로 사용되는 마크업 언어이며 차세대 웹 표준으로 확정된 HTML의 5번째 버전을 의미한다. 기존의 웹 문서에서는 HTML 만으로 웹 서비스를 구성하는 것이 불가능했지만 HTML5로 넘어오면서 클라이언트와 서버와의 통신이 가능하며 이에 대한 부가 기능을 제공함으로써 다른 외부 Active-x와 같은 플러그인을 사용하지 않고도 웹 서비스를 제공할 수 있을 정도로 많은 기능이 추가되었다. [ HTML 발전의 순서? ] [ HTML5의 등장? ] : HTML은 왜 각광받기 시작했는가 과거 HTML은 순수한 HTML만으로 표현이 불가능하였기 때문에 플래쉬, Active-..

html만으로 아코디언 메뉴 만들기 HTML5에 새로 추가된 details, summary 태그만으로 아코디언 메뉴를 제작할 수 있다. 아코디언 메뉴란? 한번쯤은 다들 사용해봤을 것이다. 상단 메뉴가 있고 하단 메뉴는 최초에 숨겨져 있는 상태. 상단 메뉴를 클릭하면 하단 메뉴가 짜잔! 하고 보여지는 메뉴를 아코디언 메뉴라고 한다. 왜? 아코디언이냐고하면 이미지 보면된다. 하여튼 details와 summary를 사용해서 만들어보자. HTML summary가 없으면 타이틀이 '세부정보' html만으로도 가능합니다. 클릭하세요 02 아직 크롬, 파이어폭스만 가능합니다. 태그가 없으면 타이틀이 '세부정보'로 보여진다. CSS section { max-width: 500px;}details { background..

HTML 특수 문자 처리하기 HTML 문서에서는 특수 문자 처리를 해주지 않으면 오류가 발생하는 경우가 있다. 예를 들어 이런 식으로 사용하면 오늘의 날씨를 확인하려면 클릭하세요 >'>' 태그를 열고 닫을 때 사용하기 때문에 구문 에러를 발생시킨다. 또한 html 내에서 여러 번 띄어쓰기를 해도 적용되지 않으니, 이러한 특수 문자에 대한 처리가 필요하다.+태그 내에서는 작성 가능 [많이 쓰는 특수기호] > & & ⓒ © 띄어쓰기 &npsp; [사용법 예제]>오늘의 날씨를 확인하려면 클릭하세요&npsp;> [더 많은 특수 기호에 대한 엔티티 테이블 참고 링크들]Character Entity Reference Chart - http://dev.w3.org/html5/html-author/ch..

몇일 전 업무보던 중에 주석때문에 오류난 경험이 있어 적어두려 한다. 바.보.같.이... html 태그를 오랜만에 작성하게 되어 주석 넣을 일이 생겼는데, 이때.. 이런식으로 써버렸다. 이거 때문에 뒤에 숏코드가 적용되지 않는 에러가 생겼다. 곧 문제를 찾을 수 있었지만.. 업무 중 intellij를 쓰는데 보통 단축키로(ctrl + /) 주석을 해왔어서 기억을 못한 이유도 있다. 세상이 발전할 수록 인간은 바보가 된다는 말이 기억난다. 그래서!! 또 이런 일이 생길까봐 다시한번 기억하자는 의미로 간단히 주석에 대해 정리했다! HTML