HTML5 에는 새로운 요소와 속성이 대거 추가 되었다. 더욱 시맨틱한 웹 페이지를 위한 <section> , <article> 과 같이 문서의 구조를 담당하는 요소들이 많이 추가되었다. 그리고 플러그인 없이도 웹페이지에서 바로 그래픽을 랜더링하고 표현해 주는 <canvas> 요소를 본격적으로 사용할 수 있다는 점은 HTML5 마크업 변화의 핵심 부분 중 하나다.
HTML5 로의 변화에서 특징적인 것은 자바스크립트 API 들의 추가다. 이 API 들을 간단하게 이용하면 사용자의 현재 위치를 알 수 있다.
* html5 마크업
1. 웹 페이지를 바로 수정할 수 있는 contenteditable
이 속성을 사용하면 폼의 텍스트 필드가 아니라도 사용자가 웹 페이지에 있는 문구를 즉각적으로 수정할 수 있다.
<body>
<section contentediatable = "true" >
....
....
...
</section>
</body>
만일 body 태그에 이 속성을 적용한다면 페이지에 있는 모든 요소들을 편집할 수 있게 된다.
이 속성이 가지는 값은 true / false 다.
2. 틀린 스펠링을 체크해 주는 spellcheck
인풋 타입을 텍스트로 사용하거나 <textarea> 태그로 사용자에게 텍스트를 입력 받을 때 사용자가 틀린 텍스트를 입력하면 빨간색 밑줄로 알려주는 속성이다. 이 속석은 영어 단어나 영어 문장에만 해당한다.
<body>
<textarea spellcheck = "true" ></textarea>
</body>
댓글 없음:
댓글 쓰기