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

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..

CSS3 Selector :nth-child(n+n)를 알아보자 작업 중에 nth-child(n + 1) 이런 태그를 봤다.셀렉터는 자주 쓰던 것만 써서 봤다가도 까먹고는 하는데, 이번엔 까먹지 말아야지. :nth-child(1n+1);배수로 선택하기 예시를 봐보자 HTMLbox1box2box3box4box5box6box7 box8box9box10box11box12box13box14 CSSp{ margin:0; padding:0; }.box{ width:100px; height:100px; float:left; border:1px solid #ccc; border-left:0; box-sizing:border; color:#ccc;}.box:first-child{ border-left:1px solid ..

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