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

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

태그 브라우저, 모바일 이슈 정리 사항 몇 주 전쯤에 으로 작업하던 것들을 웹 앱 이슈상 태그로 변경하는 작업을 하였다. 이 작업의 이유는 회사 정책의 문제였다. +) 비디오 태그로 변경을 하면서 진행했던 부분은 자동재생이었다. 하지만 몇가지 이슈가 있었다. 이슈 1. autoplay를 걸었음에도 안된다. 2. 아이폰에서 전체화면이 된다. +) 같은 os 버전임에도 아이폰8은 전체화면으로 넘어갔고, 아이폰10은 정상적으로 inline 노출이 되었다. 3. ie8 안됨 태그 자동 재생 이슈 - 대부분의 브라우저에서 의 자동재생을 원한다면 음소거(muted)속성을 필수로 추가하여야 한다. (크롬도 작년 6월부터 브라우저 정책이 바뀌었다고 한다) 참고 https://developers.google.com/we..

html 기본 구조 필요할 때, 자꾸 검색해서 찾아야 해서 간단한 구조 작성해둔다. 타이틀 본문 해당 문서 언어 설정 렌더링 모드 설정 (최신 렌더링 모드로 강제) 뷰포트 설정(모바일 접속 시 모바일 맞춤)

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