본문 바로가기
Publishing/html

[html5] 변경된 태그와 지원하지 않는 태그

by 투투G 2017. 10. 31.

[html5] 변경된 태그와 중단된 태그 요소와 속성


html4

  • html : 특정 태그<div>를 사용하여 영역을 구분한다
  • css : html의 태그를 꾸며준다
  • javascript : 데이터를 처리하거나 서버에 요청하는 일을 한다

html5

  • html : <section>을 사용하여 영역을 구분한다
  • css : 자바스크립트가 담당하던 처리의 일부를 html 태그 속성에서 처리한다
  • javascript : html5, css에서 처리할 수 없는 기능들을 담당하여, 캔버스(canvas)에서 사용하면 게임 작성도 가능하다


* html5에서 html4 요소들 중 하기 태그를 변경 및 지원하지 않고 있습니다.


변경된 태그


 태그

변경 전 

 변경 후

 a

 href=”#”, href=”javascript:;”로 null link(널링크) 사용 

 href 속성없이 사용하면 바로 null link(널링크)로 사용

 adress

 이름, 이메일주소, 전화번호 등 제작자에 대한 정보 표시

 실제 우편 주소를 표시

 b

 텍스트를 진하게

 내용이 중요하지는 않지만 진하게 표시할 때 사용

 hr

 단순한 가로줄 표시 단락 단위로 주제 변경 시 사용

 i

 텍스트 기울어지게 표시

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

 menu

 사용하지 않도록 권고 실제 문서 메뉴 정보를 제공하는데 사용

 small

 작은 글자로 표시 세부 주석이나 법적 인쇄 문서에서 작은 인쇄 정보를 표시할 때 사용

 strong

 글자 강조

 단순히 글자를 강조하는 것보다 중요한 내용을 표시할 때 사용


지원하지 않는 태그 : CSS로 대체 가능하기 때문에 사용하지 않기를 권장

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


다른 태그들과 사용법에서 혼란이 있어 제거

acronym, applet, isindex, dir, noscript 


사용성과 접근성이 나쁨

frame, frameset, noframes

'Publishing > html' 카테고리의 다른 글

Block Element / Inline Element  (0) 2017.11.07
[css] 말줄임 처리  (0) 2017.10.26