html5 변경된 태그와 중단된 태그 중단된 속성
- 퍼블리셔/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 : 단순이 진하게 표시하는 것보다 더 중요한 정보를 표시할 때 사용합니다.
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
등입니다.
이번에는 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
등입니다.