본문 바로가기
웹표준

HTML5 변경점 추가된 새속성

by 샷타이거 2010. 4. 3.

HTML5 변경점 추가된 새속성

HTML 5는 기존 HTML 4 내의 요소에 대해 여러 가지 새 속성들을 제공 하고 있다.

  • a와 area 요소는 link와 함께 사용 가능한 media 속성을 이용할 수 있다.

  • a와 area 요소는 ping이라는 새 속성을 통해 하이퍼 링크에 대해 ping 정보를 보내야하는 URI 목록에 대해 한칸 공백으로 분리해서 제공할 수 있다. 이 속성은 사용자 에이전트가 어떤 URI에 ping 정보를 보냈는지 사용자에게 알려 주거나 개인 정보를 우려하는 사용자를 위해 기능 끄기도 제공 한다.

  • area 요소는 좀 더 견고 하도록 hreflang와 rel 속성 모델을 사용한다.

  • base 요소는 a 요소에서 이미 널리 지원되는 target 속성을 지원한다. a와 area에서 iframe과 함께 웹 애플리케이션에서 유용하기 때문에 target을 계속 지원 하게 됩니다.

  • li요소에서 value 속성은 표현 요소가 아니므로 계속 지원 됩니다. ol 요소에서 start 속성 역시 지원 됩니다.

  • meta 요소는 charset은 이미 많은 곳에서 지원 하고 있고 문서를 위한 문자 인코딩을 깔끔하게 적용 하므로 지원을 시작 한다.

  • 새로 만든 autofocus 속성이 input (type이 hidden일 때를 제외), select, textarea, button 요소에 추가 됩니다. 이 속성은 문서를 읽는 동안 폼 콘트롤을 지정하는 선언적 방식을 제공한다. 이 기능은 사용자가 원하지 않을 경우 제공하지 않는 설정을 제공 함으로서 사용자 경험을 보장 해 주어야 한다.

  • placeholder 속성은 input, textarea 요소에서 사용할 수 있다.

  • 새로 만든 form속성은 input, output, select, textarea, button, fieldset 요소들이 한 개 이상의 폼 양식과 함께 사용하도록 지원 한다.

  • 새로운 required 속성은input (type 속성이 hidden, image, submit 같은 버튼 일 때 제외), textarea에서 사용 가능 한다. 이는 폼을 제출하기 위해서는 이 항목을 사용자가 꼭 입력해야 한다는 것을 지정 한다.

  • fieldset에서는 내부 콘텐츠에 대해 disabled를 사용할 수 있다.

  • input에는 몇 가지 새 속성을 쓸 수 있다. autocomplete, min, max, multiple, pattern, step 등. 앞에 언급한 대로 list속성은 datalist와 select와 함께 사용할 수 있다.

  • form 요소에는 폼을 제출할 때 유효성 검증을 거치지 않도록 novalidate 속성을 가진다.

  • input, button, form 요소에서 formaction, formenctype, formmethod, formnovalidate, and formtarget를 새로 사용 가능한다. 만약에 이를 사용하면 action, enctype, method, novalidate, target 속성들을 재정의(Override)할 수 있다.

  • menu 요소는 type, label, 같은 새 속성을 가진다. 이들 속성은 전역 contextmenu 속성과 함께 문맥 메뉴를 제공할 때나 전형적인 메뉴 사용자 인터페이스를 제공하는 데 사용 할 수 있다.

  • style 요소는 scoped 속성을 가진다. 이는 지정한 스타일 시트를 사용하는 데 사용한다. style 요소에서 지정된 스타일 규칙은 내부 트리에서만 적용할 수 있다.

  • script 요소는 스크립트를 불러오고 실행하는 방식에 영향을 주는 async라는 새로운 속성을 사용할 수 있다.

  • html에는 menifest라는 새 속성을 가질 수 있는데 오프라인 웹 애플리케이션과 함께 사용해서 캐쉬 명세를 정의할 수 있다.

  • link에는 sizes라는 새 속성을 가질 수 있는데 rel에서 icon이 정의되면 아이콘 크기를 정할 수 있다.

  • ol에는 reversed라는 새 속성을 가질 수 있는데 역순으로 정렬할 때 사용한다.

  • iframe 요소에는 seamless와 sandbox를 통해 내용을 제어할 수 있다. (예: 블로그 답글)


댓글