반응형
데이터 표를 정리할 때,<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년에 배웠으니..)
추가된 태그에서 한번도 사용해보지 않는 태그들이 많이 나왔는데, 나중에 한번씩 사용해보고자 한다.
'HTML > html' 카테고리의 다른 글
[HTML] HTML의 뜻(+면접TMI) (1) | 2023.11.25 |
---|