html5 변경된 태그와 중단된 태그 중단된 속성

게시자: 대문 demun 카테고리: 퍼블리셔/html 2011.12.22 06:00
이전에는 새로운 태그와 속성에 대해서 간략하게 알아봤습니다.
이번에는 html5에서 변경된 태그와 이제는 사용하면 안되는 중단된 태그 , 그리고 중단된 속성에 대해서 전체적으로 쭉 둘어봅니다.

html5에서 강조하는것은 시맨틱 마크업(Semantic Markup) 입니아 즉 위미있는 마크업구조를 말합니다. 그래서 html4에서도 있었지만 html5에서는 의미가 달라지는 태그들도 있습니다.
정확한 용도대로 사용해야 논리적인 마크업이 되겠지요...

변경된 태그


a : html4에서는 널링크로 사용하려면 href="#" 이런식으로 사용했지만 html5에서는 href 속성없이 사용하면 바로 null link(널링크)가 됩니다.

adress : html4에서는 이름,이메일주소,전화번호등으로 사용했었습니다. 하지만 html5에서는 실제 우편물 주소로 사용됩니다.

b : 텍스트를 진하게 표시할 뿐만 아니라 제품 소개서안의 제품명 이라든가 요약문서안의 키워드처럼 특별하게 중요하지는 않지만 진하게 표시할때 사용합니다.

hr : 단순한 가로줄이였지만 html5에서는 단락 단위로 주제를 바꾸려고 할 때 사용합니다.

i : 텍스트를 기울어지게 표시할 뿐 아니라 중요한 정보가 들어있지 않은 주변 요소로부터 텍스트를 따로 표시할때 사용합니다.

menu : 실제 문서 메뉴 정보를 제공하는데 사용합니다.

small : 세부 주석이나 법적 인쇄 문서에서 작은 인쇄 정보를 표시할 때 사용합니다.

strong : 단순이 진하게 표시하는 것보다 더 중요한 정보를 표시할 때 사용합니다.

중단된 태그

아래 태그는 CSS로 대체할 수 있기 때문에 html5에서는 더 이상 사용하지 않기를 권장하는 태그입니다.

basefont , big , center , font , frame , frameset , noframes , s , strike , tt , u

권장하지 않는 속성



권장하지 않지만 꼭 필요한 곳에서는 사용할 수 있습니다. 하지만 권장하지는 않는 속성입니다.
img 의 border 속성 : 값이 0 일때만 사용하고 가급적 CSS를 사용합니다.

script의 language 속성 : <script type="text/javascript" language="javascript"> 라고 사용했었는데 html5에서는 language 속성이 type 와 겹치기 때문에 사용하지 않기를 권장하며 type 속성도 기본값으로 적용되기 때문에 생략하기도 합니다.

a의 name 속성 : id 로 바꾸어 쓰기를 권장하며 name은 안씁니다.

중단된 속성



html4에서 사용하던 속성 중에서 CSS로 이용 가능한 표현 속성은 더 이상 사용하지 않습니다.

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 : 적용태그 - body

background : 적용태그 - body

bgcolor : 적용태그 - table, tr, td, th, body

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, marginwidth : 적용태그 - iframe

noshade : 적용태그 - 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

등입니다.
tag

댓글