[HTML5] HTML5 Tag
목차를 만들기 위해 HTML5 Tag를 분류해 보았다.
|
Tag
|
구분
|
구분2
|
구분3
|
내용
|
|
<!--...-->
|
01 기본
|
주석
|
||
|
<!DOCTYPE>
|
01 기본
|
html 종류와 버전, html5에서는 dtd참조 필요 없음
|
||
|
<a>
|
06 링크
|
anchor 하이퍼링크
|
||
|
<abbr>
|
03 텍스트스타일
|
논리
|
축약형
|
|
|
<acronym>
|
지원하지 않음
|
|||
|
지원하지 않음
|
||||
|
<address>
|
03 텍스트스타일
|
논리
|
우편물 주소
|
|
|
<applet>
|
지원하지 않음
|
|||
|
지원하지 않음
|
||||
|
<area>
|
05 이미지
|
이미지맵
|
이미지맵 구역
|
|
|
<article>
|
10 시멘틱
|
문서구조화
|
블록
|
메인의 하위요소, 기사, 포스트
|
|
<aside>
|
10 시멘틱
|
문서구조화
|
블록
|
메인의 하위요소, 주요주제가 아닌 주제
|
|
<audio>
|
09 멀티미디어
|
오디오
|
||
|
<b>
|
03 텍스트스타일
|
물리
|
진하게
|
|
|
<base>
|
02 head
|
홈페이지 기본 URL
|
||
|
<basefont>
|
지원하지 않음
|
|||
|
지원하지 않음
|
||||
|
<bdi>
|
03 텍스트방향
|
외부의 다른 텍스트와 다른 방향으로 서식이 지정될 수 있는 텍스트 부분을 분리합니다.
|
||
|
<bdo>
|
03 텍스트방향
|
right to left
|
||
|
<big>
|
지원하지 않음
|
|||
|
지원하지 않음
|
||||
|
<blockquote>
|
03 텍스트
|
단락 들여쓰기
|
||
|
<body>
|
01 기본
|
화면 출력 내용
|
||
|
<br>
|
03 텍스트
|
줄 바꿈
|
||
|
<button>
|
11 웹폼
|
클릭가능 버튼
|
||
|
<canvas>
|
12 그래픽
|
선, 도형, 스타일, 텍스트, 이미지, 도형
|
||
|
<caption>
|
08 테이블
|
캡션
|
||
|
<center>
|
지원하지 않음
|
|||
|
지원하지 않음
|
||||
|
<cite>
|
03 텍스트스타일
|
논리
|
작품 인용, 기울어진 형태
|
|
|
<code>
|
03 텍스트스타일
|
논리
|
컴퓨터 코드
|
|
|
<col>
|
08 테이블
|
열그룹의 하위요소
|
||
|
<colgroup>
|
08 테이블
|
열그룹
|
||
|
<data>
|
04 목록지정
|
li의 하위요소
|
||
|
<datalist>
|
11 웹폼
|
input 요소의 텍스트 타입에 대한 옵션 목록
|
||
|
<dd>
|
04 목록지정
|
dl 자식요소
|
||
|
<del>
|
03 텍스트스타일
|
삭제 표시, 중앙 취소선
|
||
|
<details>
|
10 시멘틱
|
블록
|
세부정보 보여주기, 숨기기
|
|
|
<dfn>
|
03 텍스트스타일
|
논리
|
용어에 대한 정의, 기울어진 형태
|
|
|
<dialog>
|
16 대화상자
|
대화상자 표시
|
||
|
<dir>
|
지원하지 않음
|
|||
|
지원하지 않음
|
||||
|
<div>
|
13 컨테이너
|
블록
|
자동줄바꿈, 한줄차지
|
|
|
<dl>
|
04 목록지정
|
리스트
|
서술 목록
|
|
|
<dt>
|
04 목록지정
|
dl 자식요소 dd의 상위요소
|
||
|
<em>
|
03 텍스트스타일
|
논리
|
강조, 기울어진 형태
|
|
|
<embed>
|
09 멀티미디어
|
외부 어플리케이션
|
||
|
<fieldset>
|
11 웹폼
|
필드셋
|
필드셋
|
|
|
<figcaption>
|
10 시멘틱
|
figure 하위요소, 캡션
|
||
|
<figure>
|
10 시멘틱
|
독립요소 표시
|
||
|
<font>
|
03 텍스트스타일
|
|||
|
03 텍스트스타일
|
||||
|
<footer>
|
10 시멘틱
|
문서구조화
|
블록
|
제작자 정보, 저작권
|
|
<form>
|
11 웹폼
|
폼(상위)
|
||
|
<frame>
|
07 창
|
|||
|
07 창
|
||||
|
<frameset>
|
07 창
|
|||
|
07 창
|
||||
|
<h1> to <h6>
|
03 텍스트
|
그룹핑
|
블록
|
제목 지정, 자동줄바꿈, 한줄차지
|
|
<head>
|
01 기본
|
문서정보, 문서 설명, 사용자에게 안 보임
|
||
|
<header>
|
10 시멘틱
|
문서구조화
|
블록
|
이름
|
|
<hr>
|
03 텍스트
|
수평선
|
수평선
|
|
|
<html>
|
01 기본
|
시작과 끝
|
||
|
<i>
|
03 텍스트스타일
|
물리
|
이탤릭체
|
|
|
<iframe>
|
07 창
|
인라인 프레임
|
||
|
<img>
|
05 이미지
|
인라인
|
이미지 삽입, 종료태그 없음
|
|
|
<input>
|
11 웹폼
|
입력, 다양한 속성, 중요
|
||
|
<ins>
|
03 텍스트스타일
|
삽입 표시, 밑줄
|
||
|
<kbd>
|
03 텍스트스타일
|
논리
|
키보드로 입력한 내용
|
|
|
<label>
|
11 웹폼
|
필드셋
|
필드셋의 하위요소
|
|
|
<legend>
|
11 웹폼
|
필드셋
|
필드셋의 하위요소, 캡션
|
|
|
<li>
|
04 목록지정
|
ul, ol 자식요소
|
||
|
<link>
|
02 head
|
CSS 적용
|
||
|
<main>
|
10 시멘틱
|
블록
|
메인
|
|
|
<map>
|
05 이미지
|
img의 하위요소, 이미지맵
|
||
|
<mark>
|
03 텍스트스타일
|
시멘틱
|
인라인 논리
|
강조
|
|
<meta>
|
02 head
|
문자 인코딩 선언
|
||
|
<meter>
|
10 시멘틱
|
인라인
|
게이지, 레인지
|
|
|
<nav>
|
10 시멘틱
|
문서구조화
|
블록
|
네비게이션
|
|
<noframes>
|
07 창
|
|||
|
07 창
|
||||
|
<noscript>
|
02 head
|
|||
|
<object>
|
14 객체
|
외부 어플리케이션
|
||
|
<ol>
|
04 목록지정
|
리스트
|
순서 있는 목록
|
|
|
<optgroup>
|
11 웹폼
|
|||
|
<option>
|
11 웹폼
|
select 및 datalist의 하위요소, 옵션
|
||
|
<output>
|
11 웹폼
|
input요소의 입력 값에 따른 계산값 출력
|
||
|
<p>
|
03 텍스트
|
그룹핑
|
블록
|
단락 나눔, 자동줄바꿈, 한줄차지
|
|
<param>
|
14 객체
|
object의 하위요소, 속성
|
||
|
<picture>
|
05 이미지
|
브라우저에 따라 다른 이미지
|
||
|
<pre>
|
03 텍스트
|
작성한 그대로 출력 / 자동 줄바꿈 없음
|
||
|
<progress>
|
10 시멘틱
|
인라인
|
동적 진행
|
|
|
<q>
|
03 텍스트
|
논리
|
짧은 인용, 큰따옴표
|
|
|
<rp>
|
10 시멘틱
|
|||
|
<rt>
|
10 시멘틱
|
인라인
|
ruby의 하위요소, 한자의 발음 등
|
|
|
<ruby>
|
10 시멘틱
|
인라인
|
일본어, 한자
|
|
|
<s>
|
03 텍스트스타일
|
물리
|
취소선 strike out(지우다)
|
|
|
<samp>
|
03 텍스트스타일
|
논리
|
프로그램 샘플
|
|
|
<script>
|
02 head
|
자바스크립트 삽입
|
||
|
<section>
|
10 시멘틱
|
문서구조화
|
블록
|
메인의 하위요소, 내용, 하나의 주제
|
|
<select>
|
11 웹폼
|
목록지정
|
드롭다운 리스트
|
|
|
<small>
|
03 텍스트스타일
|
물리
|
작은크기
|
|
|
<source>
|
09 멀티미디어
|
오디어, 비디오 하위요소 src속성 대신
|
||
|
<span>
|
13 컨테이너
|
인라인
|
||
|
<strike>
|
지원하지 않음
|
|||
|
지원하지 않음
|
||||
|
<strong>
|
03 텍스트스타일
|
그룹핑
|
인라인 논리
|
중요, 진하게
|
|
<style>
|
02 head
|
CSS 삽입
|
||
|
<sub>
|
03 텍스트스타일
|
물리
|
아래첨자
|
|
|
<summary>
|
10 시멘틱
|
블록
|
details의 하위요소
|
|
|
<sup>
|
03 텍스트스타일
|
물리
|
위첨자
|
|
|
<svg>
|
12 그래픽
|
svg 그래픽
|
||
|
<table>
|
08 테이블
|
테이블
|
||
|
<tbody>
|
08 테이블
|
본문
|
||
|
<td>
|
08 테이블
|
데이터
|
||
|
<template>
|
15 템플릿
|
템플릿
|
||
|
<textarea>
|
11 웹폼
|
여러줄의 텍스트
|
||
|
<tfoot>
|
08 테이블
|
꼬리말
|
||
|
<th>
|
08 테이블
|
헤더
|
||
|
<thead>
|
08 테이블
|
머리말
|
||
|
<time>
|
10 시멘틱
|
인라인
|
시간, 날짜
|
|
|
<title>
|
02 head
|
제목
|
||
|
<tr>
|
08 테이블
|
행
|
||
|
<track>
|
09 멀티미디어
|
오디어, 비디오 하위요소 자막처리, vtt
|
||
|
<tt>
|
지원하지 않음
|
|||
|
지원하지 않음
|
||||
|
<u>
|
03 텍스트스타일
|
물리
|
밑줄
|
|
|
<ul>
|
04 목록지정
|
리스트
|
순서 없는 목록
|
|
|
<var>
|
03 텍스트스타일
|
논리
|
변수, 기울어진 형태
|
|
|
<video>
|
09 멀티미디어
|
비디오
|
||
|
<wbr>
|
10 시멘틱
|
인라인
|
텍스트 줄바꿈 위치 표시
|
|
세상을 링크하라!!! 모든 링크를 한 자리에...
링크닷컴: https://linkdotcom.mycafe24.com/
유용한 링크, 링크닷컴 #무료 #링크사이트 #링크사이트
컴퓨터 및 일반 유용한 링크들을 모아 놓았습니다. 지금 바로 확인하세요!
linkdotcom.mycafe24.com
'웹프로그래밍 > HTML5' 카테고리의 다른 글
| [HTML5] 03. Head 요소 (0) | 2023.12.29 |
|---|---|
| [HTML5] 02. HTML 문서의 기본구조 (0) | 2023.12.29 |
| [HTML5] 01. 웹 (0) | 2023.12.29 |
| [HTML5] HTML 태그 목차 (1) | 2023.12.29 |
| [HTML5] HTML 학습 사이트 (0) | 2023.12.29 |
