Web Standard

이 글은 Don’t Use The Placeholder Attribute 를 번역, 핵심 내용만 짧게 요약한 글입니다.자세한 부가 내용을 알고 싶으신 분들은 원문을 읽어보시길 추천드립니다. 들어가면서 : placeholder 속성은 많은 이슈가 있다. 왜 이것을 사용하면 안되는지 알아보자. HTML5 사양의 일부로 도입된 placeholder 는 input에 아무 값이 없을때 입력을 돕기 위한 간단한 힌트(단어 또는 짧은 문장)를 나타낸다. 힌트는 예제이거나 간략한 설명이 될 수 있다. 겉으로 보기에는 직접적인 도움이 되지만, 많은 문제점을 야기할 수 있다. 다행히 필자는 이 속성을 그만 사용할 수 있다고 확신한다. 문제점들 1. 번역 크롬과 같은 자동 번역 기능이 있는 브라우저에서 번역 요청시 속성을 ..

출처 : https://makeawebsitehub.com/the-html-5-mega-cheat-sheet/ MakeaWebsiteHub.com 에서 html5 cheat sheet을 공개했습니다. - HTML5에서 새롭게 추가된 태그 - 지원이 중단된 오래된 태그 - HTML4 & 5 에서 지원되는 속성 - 각 브라우저 지원여부 - 이벤트 핸들러 - 캔버스Canvas 관련 자료 를 시각화 해서 한눈에 볼 수 있습니다. 프린트용(A4용지) PDF 다운로드도 제공하네요. HTML5 Cheat Sheet Cheat Sheet via Make a Website Hub

readonly 수정불가form submit 날릴 수 있음focus 가능 (tab키등으로)속성 표기가 가능한 요소들 : input, textarea disabled 수정불가submit 날리지 않음focus 불가일부 브라우저에서 회색으로 표시됨속성 표기가 가능한 요소들 : button, input, optgroup, option, select, textarea 참고 : https://www.w3.org/TR/html4/interact/forms.html#h-17.12