[HTML] HTML5에서 지원중단(사라진) 태그 요소

데이터 표를 정리할 때,<table> 태그를 자주 사용했는데 요즘 <table>태그를 자주 사용하지 않는 추세라고 한다.

그래서 이게 없어졌다는건지, 그냥 기업에서 사용을 잘 하지 않는다는 것인지 알아보기 위해 작성하려고 한다.

---

1. HTML5에서 더이상 지원하지 않는 태그 요소들(Elements)

태그명	속성	대체 태그
applet	임베디드 애플릿 사용시	embed 또는 emded
acronym	영문 축약형 사용시	abbr로 대체
dir	디렉토리 리스트	ul로 대체
strike	글꼴 효과(글 취소 효과)	del 또는 s
basefont	글꼴의 형태 정의	지원중단
center	텍스트 위치 중앙 정렬	지원중단
font	글꼴	지원중단
frame	프레임	지원중단
frameset	프레임 부속 태그	지원중단
tt	글꼴 효과(타자기 효과)	지원중단
big	글꼴의 크기 지정	지원중단
u	글꼴 효과 언더라	지원중단

 

HTML5버전은 이제 뼈대만 잡기 위해 사용하도록 권장되었고, 보다시피 거의 CSS요소로 사용할 수 있는 태그가 사라진 것을 알 수 있다. 대부분 CSS로 대체되었다. (U는 잘 사용했는데....ㅠㅠ)

 

2. HTML5에서 추가된 태그

태그명	속성
article	웹 페이지의 본문을 정의할 때 사용
aside	article의 내용을 보충해주는 역할로 주로 서브메뉴에 사용
audio	오디오를 재생할 때
canvas	그래픽을 보여줄 때
command	명령 버튼을 만들 시
datalist	드롭다운 리스트
details	상세 내용을 보여줄 때
embed	플러그인이나 플래시 요소를 보여줄 때
figcaption	figure와 함께 사용 / 캡션을 추가할 때
figure	이미지나 사진 등을 보여줄 때 사용
footer	footer를 정의
header	header를 정
hgroup	h1~h6의 그룹
keygen	폼에서 사용되며 보안키를 저장하고, 공개키는 서버로 보냄
mark	텍스트에 마크펜으로 칠한 효과
meter	시각적으로 어느정도의 길이를 나타내는지
nav	메인메뉴 및 서브메뉴를 정의할 때
output	계산된 결과를 나타낼 때
progress	다운로드 같이 몇%가 남아있는지 표시할 때
section	섹션을 정의할 때 사용
source	오디오 또는 비디와 소스를 나타낼 때 사용
summart	details 태그와 같이 사용하며 상세 내용의 요약을 나타냄
time	문서 내부에 시간 정의
video	비디오를 재생할 때 사용
wbr	문서의 내용이 길어서 다음 라인으로 표시할 때

 

html5가 되면서 크게 세 부분으로 나눌 수 있게됐다. header / section  / footer 

물론 나도 교육을 받으면서 대부분 추가된 태그로 배웠다. (2023년에 배웠으니..)

 

추가된 태그에서 한번도 사용해보지 않는 태그들이 많이 나왔는데, 나중에 한번씩 사용해보고자 한다.