2014년 6월 16일 월요일

[HTML5] HTML5의 새로운 요소

HTML5의 새로운 요소
인터넷과 인터넷 사용은 HTML 4.01이 표준정의 된 1999년 이래로 많이 변화했다.

오늘날, HTML 4.01의 몇몇의 요소는 구식이거나 전혀 사용되지 않거나 사용 예정이기만 하다. 이런 모든 요소는 제거되거나 HTML5에서 재정의 되었다.


새로운 <canvas> 요소
자바 스크립트를 사용하는 그래픽 그리기 정의


새로운 미디어 요소

  • <audio>
    • 소리나 음악 컨텐츠 정의
  • <embed>
    • 플러그인 같은 외부 어플리케이션을 위한 컨테이너 정의
  • <source>
    • <video>와 <audio> 를 위한 소스 정의
  • <track>
    • <video>와 <audio> 를 위한 트랙 정의
  • <video>
    • 비디오나 무비 컨텐츠 정의



새로운 폼 요소

  • <datalist>
    • 입력 컨트롤에 대한 미리 정의된 옵션 정의
  • <keygen>
    • 폼을 위한 키 패어 생성 필드 정의
  • <output>
    • 계산 결과를 정의



새로운 의미/구조 요소
HTML5는 더 나은 구조를 위한 새로운 요소를 권장한다.

  • <article>
    • 문서의 항목 정의
  • <aside>
    • 페이지 컨텐츠로부터 곁가지 컨텐츠 정의
  • <bdi>
    • 바깥쪽의 다른 텍스트와 방향이 다른 포맷인 텍스트의 부분 정의
  • <details>
    • 사용자가 보거나 감출 수 있는 추가적인 상세 정의
  • <dialog>
    • 다이얼로그 박스나 윈도우 정의
  • <figcaption>
    • <figure>요소를 위한 캡션 정의
  • <figure>
    • 일러스트래이션, 다이어그램, 사진, 코드 리스트 등과 같은 자체 포함된 컨텐츠 정의
  • <footer>
    • 문서나 섹션을 위한 꼬리말 정의
  • <header>
    • 문서나 섹션을 위한 머리말 정의
  • <main>
    • 문서의 주 컨텐츠 정의
  • <mark>
    • mark 되거나 하이라이트 된 텍스트 정의
  • <menuitem>
    • 팝업 메뉴에서 사용자가 선택할 수 있는 커멘드나 메뉴 아이템 정의
  • <meter>
    • 알려진 범위(게이지)에서 스칼라 측정을 정의
  • <nav>
    • 문서에 탐색 링크 정의
  • <progress>
    • 작업의 진행 상황 정의
  • <rp>
    • 루비 주석을 지원하지 않는 브라우저에서 무엇을 보여줄지를 정의
  • <rt>
    • 동아시아 글자를 위한 문자의 설명을 정의
  • <ruby>
    • 동아시아 글자를 위한 루비 주석 정의
  • <section>
    • 문서의 섹션 정의
  • <summary>
    • <details> 요소를 위한 머리말 보여줄지를 정의
  • <time>
    • 날짜와 시간 정의
  • <wbr>
    • 가능한 line-break를 정의


제거된 요소
다음의 HTML 4.01요소는 HTML5에서 제거되었다.

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>










댓글 없음:

댓글 쓰기