(방송통신대 HTML웹프로그래밍)HTML5.2를 기준으로 전역 속성을 모두 찾아서 설명하시오.

소개

과제물의 문제에 적합한 형식과 내용으로 정성을 다해 작성했습니다.
여러 참고자료를 바탕으로 주요내용을 최대한 이해하기 쉽고 알차게 정리했습니다.
리포트를 효율적으로 작성하시는 데 작은 도움이라도 되시기를 진심으로 바랍니다.^^

문단 모양(왼쪽 여백 0, 오른쪽 여백 0, 줄간격 160%)
글자 모양(바탕체, 장평 100%, 크기 11 pt, 자간 0%)

목차

2. HTML5.2(https://www.w3.org/TR/html52/)를 기준으로 전역 속성을 모두 찾아서 설명하시오.
1) accesskey
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
2) class
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
3) contenteditable
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
4) data-*
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
5) dir
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
6) draggable
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
7) hidden
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
8) id
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
9) lang
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
10) onclick
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
11) slot
12) spellcheck
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
12) style
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
13) tabindex
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
14) title
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
15) translate
①기능②사용방법③사용상 주의점④예제⑤예제의 예상결과와 기능의 구체적 설명
16) xml:base

참고문헌

본문내용

먼저 전역속성의 사용법에 대한 이해를 위해 불리언 속성(boolean attribute)과 열거형 속성(enumerated attribute)의 개념에 대해 정리할 필요가 있다.

요소에서 불리언 속성의 존재는 true값을 나타내고, 불리언 속성의 부재(사용되지 않음)는 flase값을 나타낸다. 즉, 블리언 속성은 속성값으로 true나 false의 할당 없이 요소 내에서 해당 속성의 존재(사용) 여부로 참, 거짓이 정해지는 것이다. 다만, 블리언 속성의 속성값으로 빈문자열, true와 false를 제외한 임의의 문자열이 오게 되는 경우에는 true를 나타낸다.
예시)
<p hidden> 이 문장은 보이지 않습니다.</p>
<p hidden="any"> 이 문장은 보이지 않습니다.</p>
위 두 요소는 모두 hidden이 존재하므로 속성값과 관계없이 hidden이 true로 적용되어 요소가 보이지 않게 된다.

열거형 속성(enumerated attribute)은 제한된 수의 키워드만을 그 값으로 취하는 속성이다. 이때 각 키워드는 특정 상태와 매핑된다. 2개의 디폴트 상태가 있는데, invalid value
default state와 missing value default state가 그것이다. 요소에 열거형 속성이 지정되면, 속성값은 대소문자 구분 않고 앞뒤에 공백이 없는 아스키코드 값이 된다. 이때 키워드의 상태가 그 속성의 상태를 의미한다.

만약 속성값이 키워드들에 속하지 않는 값이고, 속성이 invalid value default 상태를 가진다면, 그 속성은 invalid value default 상태가 된다. 그리고 속성값이 키워드들에 속하지 않는 값이고, missing value default state가 정의된 속성이라면, 그 경우에는 속성은 missing value default state가 된다.

참고자료

· https://www.w3.org/TR/html52/
· 이관용(2017). HTML웹프로그래밍. 한국방송통신대학교출판문화원.
· 이관용(2018). HTML5. 한국방송통신대학교출판문화원.
· http://blog.wystan.net/2008/05/03/css-conformance