본문 바로가기

HTML&CSS20

HTML: 크로스브라우징 크로스브라우징은 여러 브라우저에서 동등하게 정보,기능에 접근 가능한 것을 말한다. 브라우저에서 동일하게 보여지는 것을 의미하는 것은 아니다. modernizr : 어떤브라우저가 어떤기능이 안되는지 볼 수 있음, 안되는경우 css나 스크립트를 통해 다른효과주기 가능 (.no- csstransform 이라던가 if,else문으로) caniuse : 어떤브라우저에서 안되는지 검색. -webkit, -moz 등을 써야하는지 알 수 있음 w3school : 참고하기좋음 그리고 google검색을 통해 해결책을 찾아볼 수 있다. 2020. 9. 28.
HTML : 웹 접근성, 웹 표준 ui.daum.net/accessibility/pc 다룸, Darum 웹표준을 다루다 Accessibility 본문 PC 접근성 PC 접근성 지침 "한국형 웹 콘텐츠 접근성 지침"(KWCAG/ Korean Web Content Accessibility Guidelines)을 근거로, 웹 접근성 제고를 위한 4가지 원칙과 각 원칙을 준수하기 위한 13개 지� ui.daum.net 웹 접근성은 시각장애인, 청각장애인, 혹은 색맹과 같이 몸이 불편한 사람들이 차별없이 인터넷을 이용할 수 있도록 만들어진 지침이다. (장애인만을 위한 것은 아니다.) 웹 접근성은 위에있는 다음사이트에서 자세히 볼 수 있다. 내가 명심해야 할 것 기준으로 정리를 하자면, 1. 텍스트 이미지일 경우, 설명의 alt=""안의 내용을 이.. 2020. 9. 9.
HTML: video 속성 -autoplay: 자동재생 -muted: 음소거 -controls: 비디오 기본제어툴 -모든 웹브라우저에서 동일한 툴을 사용하고싶으면 video.js 이용 -play, pause, stop 은 jqery나 js로 제어가능 -jquery로는 get(0)사용, json에서와 마찬가지다. 2020. 9. 6.
HTML: head에 작성해야 할 meta태그와 open graph meta태그는 head사이에 작성한다. open graph는 소셜에서 공유할 때 보내지는 정보를 말한다. open graph 또한 head에 써준다. 아래사이트에서 확인할 수 있다. https://ogp.me/ Open Graph protocol The Open Graph protocol enables any web page to become a rich object in a social graph. ogp.me 2020. 7. 27.