본문 바로가기
웹표준

html5 변경점 사라진 엘리먼트

by 샷타이거 2010. 2. 19.

html5 엘리먼트 변경점 사라진 엘리먼트

html5에서는 사라진것도 많고 새로 만들어진 엘리먼트도 많다. 하나하나 살펴보자

사라진 엘리먼트

CSS로 다루는것이 더 좋기때문에 사라진 엘리먼트

basefont
<basefont color="#000" face="sans-serif" size="11px">이런식으로 문서 전체의 기본 폰트를 설정하기도했으나 css에서 완전히 처리해주니 불필요하다고 여겨짐
big, small
문자를 크게 또 작게 변경 해 주는 엘리먼트였으나 이것역시 css에서 가능
center
중앙에 배치하는 역할을 했으나 이것역시 css에서 가능하다.
font
font역시 basefont와 마찬가지
s,strike,u
줄로 텍스트를 꾸며주는 이들역시 css에서 가능하므로 사라졌다.
tt
공지나, 상표를위해 사용했던것 이역시 css별도 강조 가능하기에 사라졌다.

프레임, 더이상 없다!

프레임 사이트는 빈도도 줄었고 접근성문제등 많은 문제를 주기에 그에 관한 엘리먼트들이 사라졌다.

   frame ,frameset, noframes

혼란을 주는 엘리먼트

  • acronym은 매우 큰 혼란을 둔다. 축약어를 사용할 때는 abbr를 사용하도록~.
  • applet은 이미 object로 대체~
  • isindex은 이미 폼(form) 양식을 통해 대체 된지가 오래다
  • dir은 이미 ul엘리먼트로

엘리먼트말고도 어트리뷰트(attribute)역시 사라진것들이 많다.

  • revcharset 속성: linka.
  • shapecoords 속성: a.
  • longdesc 속성: imgiframe.
  • target 속성: link.
  • nohref 속성: area.
  • profile 속성: head.
  • version 속성: html.
  • name 속성: img (use id instead).
  • scheme 속성: meta.
  • archive, classid, codebase, codetype, declare, standby 속성: object.
  • valuetype, type 속성: param.

역시 css에서 가능하기에 사라진 속성

이미지 정렬 이나 배경색 지정의 엘리먼트등 이들도 사라졌다 CSS와 완전분리 하겠다는뜻

  • align 속성: caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, theadtr.
  • alink, link, text and vlink 속성: body.
  • background 속성: body.
  • bgcolor 속성: table, tr, td, thbody.
  • border 속성: table and object.
  • cellpaddingcellspacing 속성: table.
  • charcharoff 속성: col, colgroup, tbody, td, tfoot, th, theadtr.
  • clear 속성: br.
  • compact 속성: dl, menu, olul.
  • frame 속성: table.
  • frameborder 속성: iframe.
  • height 속성: tdth.
  • hspacevspace 속성: imgobject.
  • marginheightmarginwidth 속성: iframe.
  • noshade 속성: hr.
  • nowrap 속성: tdth.
  • rules 속성: table.
  • scrolling 속성: iframe.
  • size 속성: hr.
  • type 속성: li, ol and ul.
  • valign 속성: col, colgroup, tbody, td, tfoot, th, thead and tr.
  • width 속성: hr, table, td, th, col, colgrouppre.

하나하나 변경점을 포스팅하겠지만 한번에 모두 보려면 여기에 가보자 http://channy.creation.net/project/html5/html4-differences

댓글