ABOUT ME

jacey.park.dev@gmail.com \n 5년차 프론트엔드 개발자

Today
-
Yesterday
-
Total
-
  • [HTML] HTML 5.2 변화, 특징 정리
    Dev/HTML 2017. 12. 17. 14:11

    W3C에서 HTML 5.2 권고안을 공개하였다!!



    1. 변화

    HTML 5.1 이후의 새로 변화된 사항을 정리합니다.


    세부적인 변경사항들은 W3C 깃 레포지토리의 커밋로그를 참고하라고 하네요






    2. 새로운 특징들


    <dialog> 요소


    [ECMA-262] 자바 스크립트 모듈과의 통합


    Referrer 정책 [REFERRERPOLICY] 

    referrer는 현재페이지에서 이동해오기 바로 전 페이지의 주소를 말합니다. 예를 들어 A 페이지에서 링크를 타고 B페이지로 이동했다면, 여기서 Referrer는 A페이지의 주소가 되는 것 입니다.


    브라우저에서 http 요청을 하면 대부분 리퍼러 정보가 같이 넘어갑니다. 그런데 간혹가다 이 리퍼러를 숨겨야 할 상황이 오게된다면

    <head> 안에서 처리를 해주면 됩니다. 값으로는 no-referrer, unsafe-url, origin-when-cross-origin 등이 있는데, 더 자세한 내용은 위의 Referrer Policy에서 살펴볼 수 있습니다.



    접근성을 개선하기 위한 ARIA 레퍼런스 업데이트 [wai-aria-1.1]

    ARIA 는 Accessible Rich Internet Application 의 약자로, 웹 컨텐츠와 웹 어플리케이션(그중에도 Ajax, Javascript)을 제작할 때 적용할 수 있는 

    장애인을 위한 접근성 향상 방법을 정의합니다. 이 ARIA를 사용하여 내비게이션 랜드마크, Javascript 위젯, form 힌트, 에러메세지, 실시간 컨텐츠 업데이트 등에 접근성을 부여할 수 있습니다.




    컨텐츠 보안에서 사용하는 <link> 태그의 'nonce' 속성




         결제 요청 API [PAYMENT-REQUEST] 와 <iframe>의 'allowpaymentrequest' 속성의 통합




    Presentation API [PRESENTATION-API]와 <iframe>의 'sandbox' 속성의 통합

    Presentation API 는 웹앱과 외부 디스플레이 (모니터, 프로젝터)가 통신하는 방법을 규정하는 표준입니다.

    sandbox 속성은 iframe 요소 내에 위치한 모든 내용에 추가적인 제한을 걸 수 있습니다. 이 상태에서 컨텐츠 폼과 스크립트는 차단되며 링크는 다른 컨텍스트로 이동이 불가능합니다.





    <link>의 rel 속성에 대한 기본값

    rel 속성에는 기본값이 없습니다. 그리고 rel 속성이 생략되거나, 속성 값이 user-agent 에 인식되지 못하면 그 속성은 하이퍼링크나 대상 자원으로서 특별한 관련이 없다고 봅니다. 





    [SECURE-CONTEXT]를 위한 noreferrer 링크 타입의 값




    apple-touch-icon 을 위해 link 요소의 rel 속성에서 에서 size 속성 사용 가능

    애플 터치 아이콘을 위해 사이즈 조정을 할 수 있습니다. 





    registerContentHandler(), isContentHandlerRegistered(),isProtocolHandlerRegistered() 메소드

    registerContentHandler() : 임의의 프로토콜이나 MIME 타입에 대해 웹 어플리케이션을 연결 할 수 있습니다.

    isContentHandlerRegistered() : 두개의 인수를 받아서 핸들러의 상태를 가장 자세히 설명하는 문자열을 반환합니다. 첫번째 인수는 MIME 형식으로 제공되고 , 두번째 인수는 URL 을 작성하는데 필요한 문자열을 제공합니다.

    isProtocolHandlerRegistered() : 이 메소드를 사용하면 웹 사이트가 특성 스키마에 대해 가능한 핸들러로 등록 될 수 있습니다.





    HTML요소의 innerText IDL 속성

    element.innerText[=value] 의 형식으로, 요소의 텍스트 내용을 'as rendered' 로 반환합니다. 




    MP4 미디어 트랙 통합을 위한 about:html-kind 정의




    요소가 컨텐츠 보안 정책에 의해 사전에 차단될 수 있는가에 대한 통합







    3. 삭제된 특징들


    Keygen, menu, menuitems 요소


    input 요소의 'inputmode' 속성, 'dropzone' 속성


    showModalDialog 메소드


    플러그인 API 가 사용되지 않는 것으로 표시됨






























    'Dev > HTML' 카테고리의 다른 글

    [HTML] - Quirks mode (쿼크 모드) , Standard mode(표준 모드)  (0) 2017.11.22
    [HTML] - <! DOCTYPE> 에 대해서  (0) 2017.11.21

    댓글

Designed by Tistory.