Attribute 검색 결과

해당 글 3건

글로벌 속성(Global Attribute) #2 - CONTENTEDITABLE, CONTEXTMENU, DATA-*, DRAGGABLE, DROPZONE, HIDDEN, SPELLCHECK, TRANSLATE

글로벌 속성들 중에서 HTML5에서 추가된 속성들을 알아봅니다. CONTENTEDITABLE 속성 contenteditable 속성은 지정된 요소들의 콘텐츠를 사용자가 편집할 수 있다. 또 선택하고 편집할 수 있는 콘텐츠 영역에 대해 수정한 내용을 반영할 수 있다. 브라우저에서 수정해보세요! 이 속성을 지정하면 하위에 있는 모든 요소들에 영향을 미친다. DOM 속성에서는 contentEditable이라고 표현하며 isContentEditable로 해당요소가 편집가능한지 확인할 수 있다. 자바스크립트 사용해서document.designMode='on'이라고 지정을 해서 문서 전체가 편집 가능하게 만들수 있다. 편집한 이후에 사용자가 변경한 내용이 DOM에 적용돼 있으므로 편집한 영역의 innerHTML(d..
웹코딩/HTML 2015. 5. 12. 17:00

글로벌 속성(Global Attribute) - ACCESSKEY, CLASS, DIR, ID, LANG, STYLE, TABINDEX, TITLE

어떤 요소들에도 적용할 수 있는 글로벌 속성에 대하여 알아봅니다. ACCESSKEY 속성 accesskey 속성은 바로가기 키(access key)를 지정한다. 컴퓨터의 기본 입력 장치는 마우스가 아니라 키보드이다. 따라서 문서에 있는 모든 요소는 키보드로 제어할 수 있어야 한다. Google accensskey 속성이 적용된 요소는 포커스를 받거나 실행이 이루어진다. input 요소에 적용되면 포커스를 받게 되고, a 요소에 적용되면 해당 키를 눌러 곧바로 목적지로 이동한다. 속성값은 키보드에 있는 알파벳이나 숫자 중에서 원하는 문자를 선택하여 지정한다. 하나의 요소에 두 개 이상의 문자를 정의할때는 띄어쓰기로 구분한다. 바로가기 키의 중복을 방지하기 위해 영국 정부의 바로가기 키 권고안을 참조한다. ..
웹코딩/HTML 2015. 5. 12. 12:00

[HTML5] 8장 그밖의 추가된 속성

HTML5에서는 기존의 태그들에 유용한 속성들을 추가시키거나 삭제시켰는데 그 중에 몇가지를 살펴봅니다. IFRAME 요소는 콘텐츠 삽입에 많이 이용되는데, 새로운 속성 추가로 인해 보안성을 높였다. sandbox 속성 새로 추가된 sandbox 속성을 iframe에 지정하면 해당 프레임에 삽입되는 페이지에 다음과 같은 제한을 둘 수 있다. 실제 존재하지 않는 도메인(오리진)에 속한 것으로 간주함. 따라서 자신이 소속된 도메인과도(allow-scripts에 의해 실행이 가능해져도) 통신할 수 없음 플러그인 실행금지 자바스크립트 사용금지 폼 요소에 의한 페이지 호출금지 위의 제한이 너무 엄격하여 iframe 안의 페이지가 동작하지 않을때는 sandbox 속성에 다음과 같은 값을 지정하여 샌드박스 제한을 완화..
웹코딩/HTML 2013. 2. 11. 00:00