의미가 달라진 요소(Element)
HTML5 에서는 기존에 사용하던 Tag 와 별개로 추가된 Tag Element 가 있으며, 기존에 사용하던 Tag 의 의미가 달라진 것과 Tag 의 속성들 역시 추가된 것과 삭제된 것들이 있습니다. 이외에 API(Aplication, 애플리케이션) 역시 추가된 내용이지요. 우선 추가된 Tag 와 의미가 달라진 Tag 에 대해 알아보겠습니다.
HTML5 에서 삭제된 엘리먼트들
기존에 사용되던 HTML Tag 였지만 HTML5 에서는 표현에 관련된 엘리먼트들은 CSS로 대체하도록 권장되므로 삭제되거나 비권장되는 태그들입니다. 하지만 삭제되었다 하더라도 브라우저의 하위 호환성에 문제가 있으므로 태그 자체의 소멸은 아닙니다. 즉, 기존 페이지나 삭제 태그를 적용해서 코딩한다고 해서 브라우저에 표현되지 않거나 하지 않습니다. 물론 새로 나온 브라우저는 HTML5 를 기반으로 제작하는 것이 좋겠죠.
참고 문서 :: http://channy.creation.net/project/html5/html4-differences/#absent-elements
| 엘리먼트 | 설명 | 관련 속성 |
| <acronym> | abbreviation : 두문자어 | 삭제됨 |
| <applet> | applet : 애플릿 | 삭제됨 |
| <basefont> | base font for the document : 문서 내 기본 폰트 | 삭제됨 |
| <big> | big text : 큰 텍스트 | 삭제됨 |
| <center> | centerd text : 텍스트 중앙 정렬 | 삭제됨 |
| <dir> | directory list : 디렉토리 리스트 | 삭제됨 |
| <font> | text font, size, and color : 텍스트 폰트, 사이즈, 색상 | 삭제됨 |
| <frame> | sub window : 서브 윈도우 | 삭제됨 |
| <frameset> | set of frames : 프레임 세트 | 삭제됨 |
| <isindex> | single-line input field : 한 줄 입력 필드 | 삭제됨 |
| <noframes> | noframe section : 노 프레임 섹션 | 삭제됨 |
| <s> | strikethrough text : 중간라인 텍스트(가운데 줄) | 삭제됨 |
| <strike> | strikethrough text : 중간라인 텍스트(가운데 줄) | 삭제됨 |
| <tt> | teletype text : 텔레 타이프 텍스트 | 삭제됨 |
| <u> | underlined text : 텍스트 밑줄 | 삭제됨 |
| <xmp> | preformatted text | 삭제됨 |
HTML5 에서 의미가 달라진 엘리먼트들
기존에 사용되던 HTML Tag 였지만 HTML5 에서는 태그의 의미를 재정의해서 의미(용도)에 맞게 사용하도록 하고 있습니다.
참고 문서 :: http://channy.creation.net/project/html5/html4-differences/#changed-elements
| 엘리먼트 | 기존 의미 | 재정의 된 의미 |
| <a> | href="#" 혹은 href="javascript: " 처럼 지정해야 작업용 링크(Null Link)로 사용 | href 없이 사용하면 "작업용 링크(Null Link)"로 사용 합니다. 문장 보다는 흐름을 나타내는 콘텐츠에 사용 될 수 있습니다. |
| <address> | 제작자 정보에 이용 | 섹션 개념을 통해 새로운 영역을 표시합니다. 실제 우편물 주소를 표시합니다. |
| <b> | 의미는 없지만 굵은 글자를 표현 | 인쇄상 강조 표현을 가진 텍스트 뿐만 아니라 제품 소개 내 제품명, 문서 초록의 키워드 같은 아주 특별한 중요도는 갖지 않으나 일반적인 강조의 목적에 사용 합니다. |
| <em> | 강조글자 표현 | 중요한 정보를 강조할 때 사용합니다. |
| <hr> | 가로줄 삽입 | 단락 단위의 주제 바꿈을 할 때 사용 합니다. |
| <i> | 의미는 없지만 기울임 글자를 표현 | 인쇄상 기울움 표현을 가진 텍스트 뿐만 아니라 선박명, 머리속 생각, 다른 언어에서 숙어구, 기술 용어, 생물종 표시 같은 일반적인 사용 이나 소리나 분위기를 대체하는 문구 등에 사용 합니다. |
| <label> | ||
| <menu> | ul 태그처럼 목록의 의미로 사용 | 실제적 문서 메뉴 정보를 제공하는 데 사용합니다. |
| <small> | 기본 글자 크기보다 작은 글자를 표현 | 세부 주석 및 법적(copyright) 인쇄 문서에서 작은 인쇄 정보를 담을 때 사용 합니다. |
| <strong> | 강조글자 표현 | 강조 보다 더 중요한 정보를 제공할 때 사용합니다. |
HTML5 에서 중단된 속성들
기존에 사용되던 태그 속성이었지만 HTML5에서는 CSS로 표현가능한 속성으로 더 이상 사용하지 않습니다. 만약 호환성 이슈 때문에 사용자 에이전트가 처리해야 한다면 동작 방식을 따로 정해야 합니다.
참고 문서 :: http://channy.creation.net/project/html5/html4-differences/#absent-attributes
| 중단된 속성들 | 적용되는 엘리먼트 |
| align | caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead, tr. |
| alink, link, text, vlink, background | body |
| archive, classid, codebase, codetype, declare, standby | object |
| bgcolor | body, table, tr, td, th |
| border | table, object |
| cellpadding, cellspacing, frame, rules | table |
| char, charoff | col, colgroup, tbody, td, tfoot, th, thead, tr |
| charset, rev | link, a. |
| clear | br |
| compact | dl, menu, ol, ul |
| frameborder, marginheight, marginwidth, scrolling | iframe |
| height, nowrap | td, th |
| hspace, vspace | img, object |
| longdesc | img, iframe |
| name | img (use id instead) |
| nohref | area |
| noshade, size | hr |
| profile | head |
| scheme | meta |
| shape, coords | a |
| target | link |
| type | li, ol, ul |
| valign | col, colgroup, tbody, td, tfoot, th, thead, tr. |
| valuetype, type | param |
| version | html |
| width | hr, table, td, th, col, colgroup, pre |
HTML5 에서 재정의 된 속성들
기존에 사용되던 태그 속성이었지만 HTML5에서 아래 속성들은 제공은 되나 사용 하지 않기를 권장합니다. 필요한 경우 꼭 필요할 곳에서 사용할 수 있습니다.
참고 문서 :: http://channy.creation.net/project/html5/html4-differences/#changed-attributes
| 엘리먼트 | 재정의 되는 의미 |
| img | border 속성은 값이 "0"일 때만 사용하고 가급적 CSS를 사용합니다. |
| script | language 속성은 값이"JavaScript" (대소문자 구별)에만 사용하고 type 속성과 함께 쓰지 않고 생략할 수 있습니다. |
| a | name 속성은 id로 바꾸어 쓰기를 권장합니다. |
| table | summary 속성은 HTML5 초안에 여러 대체 방법이 있습니다. |
