HTML5.2와 HTML5.1의 차이점

dev | 2017-12-18

HTML5.2가 W3C의 권고안이 됐다. 변경된 사항을 살펴봤다.

새로운 기능

  • dialog 요소
  • ECMA-262 모듈 시스템
  • 레퍼러 정책
  • ARIA 1.1을 참조
  • link 요소의 nonce 속성, CSP3
  • iframe 요소의 allowpaymentrequest, Payment Request API
  • iframe 요소의 sandbox 속성값으로 allow-presentation, Presentation API
  • 링크의 rel 속성값으로 canonical
  • noreferrer 링크 타입 값, SECURE-CONTEXTS
  • link 요소의 size 속성을 사용할 수 있게 해주는 rel 속성값으로 apple-touch-icon
  • registerContentHandler(), isContentHandlerRegistered(), isProtocolHandlerRegistered() 메서드
  • html 요소의 innerText IDL 속성
  • about:html-kind URL, MP4 media track
  • Should element be blocked a priori by Content Security Policy? 적용

삭제된 기능

  • keygen, menu, menuitem 요소
  • 텍스트 input 요소의 inputmode, dropzone 속성
  • The showModalDialog 메서드
  • Plugin API 폐기됨

개선된 기능

  • load 이벤트를 지연시키는 네트워크에 있지 않은 자원으로부터의 자원 요청 중단
  • 임의의 새로고침 최대치 삭제
  • ismap의 좌표계에 경계선이 들어가지 않음
  • accesskey의 정의를 출력 가능한 글자를 포함하도록 변경
  • summary 요소의 활성화 알고리즘을 현실적으로 변경
  • table 요소의 행과 열 결정 알고리즘 수정
  • summary 요소의 랜더링 개선
  • 깨진 URL이 파싱되지 않은 값을 반환하는 것을 반영
  • currentScript가 SVGScriptElement를 반환할 수 있음
  • textarea 요소를 리셋할 때 dirty value flag도 리셋됨
  • document.open(), document.close()가 XML 문서를 검사
  • HashChangeEvent URL이 DOMString이 아니라 USVString 임
  • Selection member의 형식이 null이 될 수 있음
  • data: URL이 출처에 따라 구분됨
  • tabindex 때문에 포커스가 생기는 요소는 포인터 기기가 아닌 기기로 활성화 할 때 click 이벤트를 발생하지 않음
  • sandbox 컨텐츠에 대한 네비게이션
  • Updated allowable role values in line with [html-aria]
  • 다음은 이제 유효한 HTML 임
    • body 요소 안의 style 요소
    • 한개만 사용자에게 보여진다면 DOM에 여러개의 main 요소를 사용할 수 있음
    • The presentation for the img element.
    • dl 요소의 자식요소로 사용된 div 요소
    • li 요소의 자식요소로 사용된 용어정의 내용을 포함하는 dfn 요소
    • fieldset 요소 안의 legend 요소 안에 사용된 헤딩
    • datalist 요소의 자식요소로 사용된 빈 option 요소
    • HTML 문법상 두개의 연속된 하이픈이나 하나의 하이픈으로 끝나는 주석
    • BiDi 알고리즘 섹션의 제한을 삭제
  • 다음은 이제 유효하지 않은 HTML 임
    • caption 요소의 role 속성
    • p 요소 하위의 인라인 블록, 인라인 표, 플로트 되었거나 포지션된 블록 레벨 요소
    • HTML4나 XHTML1 strict 문서 형식의 콘텐츠

잘 모르겠는 내용이 많다.

Comments

Post a comment

:

: 공개 되지 않습니다. Gravatar를 표시 합니다.

:

: HTML 태그를 사용할 수 없습니다.