최근 애플 아이폰/아이패드 등에서 Flash 미지원하며 사파리에서 열심히 HTML5와 CSS3 지원을 해나가고 있고, 네이버에서도 차츰 Flash(플래시)를 차츰 없애나가고 HTML5와 CSS3로 다양한 곳에서의 접근을 지원하겠다고 발표하는 등 HTML5에 대한 관심이 급격히 커지고 있다.
당장 다 바뀌는 것은 아니겠지만, 변화의 시점이 다가오고 있으니 미리 살짝 보아두어 변화에 빠르게 그리고 유연하게 대처할 수 있도 준비해두는 것도 나쁘지 않을 것 같다.
그 중에 가장 먼저 HTML5에서는 더이상 지원하지 않을 태그와 속성들을 살펴보자.
HTML5에서는 꾸밈 관련 요소들을 제외시키고 주로 구조에 관한 것들을 신경쓰고, 꾸밈 관련된 것들은 CSS가 담당할 수 있도록 하는쪽으로 되어 있으니 CSS사용에 좀 더 적극적이어지는 것이 좋을 것이다.
HTML5에서 지원되지 않을 태그(element)들
: center, font, frame/frameset 은 나름 아직도 여기저기서 많이 볼 수 있는 태그이니 새로 만드는 무언가가 있다면 아래 태그들은 가급적 사용하지 않고 만들어 두는 것이 좋을 것이다. (이미 CSS 와 다른 방법으로 처리할 수 있는 것들이 대부분이다.)
- basefont
- big
- center
- font
- s
- strike
- tt
- u
- frame
- frameset
- noframes
- acronym
- applet
- isindex
- dir
HTML5에서 지원되지 않을 속성(attribute)들
: 나름 많이 쓰이는 속성들이 많으니 잘 살펴보고 미리 가급적이면 CSS 로 처리할 수 있도록 하는 것이 좋을 것 같다.
* 괄호 안은 해당 속성(attribute)이 영향받는 태그들이다.
- rev, charset (link, a)
- shape, coords (a)
- longdesc (iframe, img)
- target (link)
- nohref (area)
- profile (head)
- version (html)
- name (img)
- scheme (html)
- archive, classid, codebase, codetype, declare, standby (object)
- valuetype, type (param)
- axis, abbr (td, th)
- scope (td)
- align (caption, iframe, img, input, object, legend, table, hr, div, h1~h6, p, col, colgroup, tbody, td, tfoot, th, thead, tr)
- alink, link, text, vlink (body)
- background (body)
- bgcolor (table, tr, td, th, body)
- border (table, object)
- cellpadding, cellspacing (table)
- char, charoff (col, colgroup, tbody, td, tfoot, th, thead, tr)
- clear (br)
- compact (dl, menu, ol, ul)
- frame (table)
- frameborder (iframe)
- height (td, th)
- hspace, vspace (img, object)
- marginheight, marghinwidth (iframe)
- noshadow (hr)
- nowrap (td, th)
- rules (table)
- scrolling (iframe)
- size (hr)
- type (li, ol, ul)
- valign (col, colgroup, tbody, td, tfoot, th, thead, tr)
- width (hr, table, td, th, col, colgroup, pre)
댓글을 달아 주세요
디자인에 관련된 속성과 태그들은 거의 다 날아가네요.
무엇보다 frameset... 동적 페이지 로딩은 아직 제가 하기에는 수준이 너무 높아보이는데 말이죠...ㅋ...
넵, 이제 HTML에서 꾸밈 관련 요소들은 배제시키고 구조에만 집중하고, 꾸밈 관련된 것은 모두 CSS가 담당하도록 하는 것 같네요~