1. 서로 다른 3종류의 최근 웹브라우저를 조사하여 설명하시오.

※ 설명에 포함될 내용 → 예를 들어 사용환경, 특징, 장단점, 인터페이스 구성(화면 구성)의 특장점, HTML5 기능의 지원 정도 등 각자가 다양한 기준을 마련해서 비교 설명해야 한다.

※ 설명은 각 기준별로 구분해서 서술한다.

2. HTML5.2(https://www.w3.org/TR/html52/)를 기준으로 전역 속성을 모두 찾아서 설명하시오.

※ 설명에 포함될 내용 → 각 속성에 대해서 기능, 사용상의 주의점(있는 경우), 사용 방법을 충분히 설명/이해할 수 있는 예제, 그리고 해당 예제를 통해서 예상되는 결과/기능에 대한 구체적인 설명 등을 포함해야 한다.

※ 특정 단어로 시작하는 속성이 여러 개인 경우에는 대표적인 형태 하나를 선택해서 설명한다.

※ 전역 속성은 알파벳순으로 정렬한 후 순서대로 번호를 부여한다.

목차

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

*참고문헌

본문내용

2. HTML5.2(https://www.w3.org/TR/html52/)를 기준으로 전역 속성을 모두 찾아서 설명하시오.

먼저 전역속성의 사용법에 대한 이해를 위해 불리언 속성(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가 그것이다. 요소에 열거형 속성이 지정되면, 속성값은 대소문자 구분 않고 앞뒤에 공백이 없는 아스키코드 값이 된다. 이때 키워드의 상태가 그 속성의 상태를 의미한다.

참고문헌

https://www.w3.org/TR/html52/

이관용(2017). HTML웹프로그래밍. 한국방송통신대학교출판문화원.

이관용(2018). HTML5. 한국방송통신대학교출판문화원.

http://blog.wystan.net/2008/05/03/css-conformance