본문 바로가기
디자인/HTML, CSS, JS

HTML 5 태그

by 코코리★ 2018. 12. 18.
728x90

다음 표는 HTML 5에서 지원되는 태그 (또는 요소 ) 목록을 제공합니다 (대개 공백없이 HTML5로 작성). 이 목록은 일반적으로 W3C HTML5 사양을 기반으로하지만 WHATWG HTML Living Standard에만있는 요소를 포함 할 수도 있습니다. WHATWG와 HTML의 W3C 버전의 차이점에 대한 설명은 HTML5 소개 페이지를 참조하십시오.


또한 HTML 태그 와 HTML 4 버전의 차이점을 설명하는 HTML 태그 를 참조하십시오 .

꼬리표기술HTML5의 새로운 기능
<! --...-->주석을 지정합니다. 
<! DOCTYPE> 문서 유형을 지정합니다. 
<a>하이퍼 링크를 지정합니다. 
<abbr>약어를 지정합니다. 

<address>

주소 요소를 지정합니다. 
<area>이미지 맵 내부의 영역을 지정합니다. 
<article>기사를 지정합니다.
새로운 

<aside>

페이지 콘텐츠와 별도로 콘텐츠를 지정합니다.
새로운 
<audio>사운드 내용을 지정합니다.
새로운 
<b>굵은 글씨체를 지정합니다. 
<base>페이지의 모든 링크에 대한 기본 URL을 지정합니다. 
<bdi>양방향 텍스트 서식 지정
새로운 
<bdo>텍스트 표시 방향을 지정합니다. 
<blockquote>긴 인용문을 지정합니다. 
<body>본문 요소를 지정합니다. 
<br>단일 줄 바꿈을 삽입합니다. 
<button>누름 단추를 지정합니다. 
<canvas>그래픽 정의
새로운 
<caption>테이블 캡션을 지정합니다. 
<cite>인용문을 지정합니다. 
<code>컴퓨터 코드 텍스트를 지정합니다. 
<col>테이블 열의 특성을 지정합니다.  
<colgroup>테이블 열 그룹을 지정합니다. 

<data>

기계가 읽을 수있는 데이터를 제공 할 수 있습니다.
새로운 
<datalist>"자동 완성"드롭 다운 목록을 지정합니다.
새로운 
<dd>정의 설명을 지정합니다. 
<del>삭제 된 텍스트를 지정합니다. 

<details>

요소의 세부 사항을 지정합니다.
새로운 
<dfn>정의 용어를 정의합니다. 

<dialog>

응용 프로그램의 일부가 대화 형임을 지정합니다.
HTML 5.1
<div>문서의 섹션을 지정합니다. 
<dl>정의 목록을 지정합니다. 
<dt>정의 용어를 지정합니다. 
<em>강조 표시된 텍스트를 지정합니다.  
<embed>외부 응용 프로그램 또는 대화 형 콘텐츠를 지정합니다.
새로운 
<fieldset>필드 세트를 지정합니다. 
<figcaption>figure요소에 대한 캡션을 지정합니다 .
새로운 

<figure>

미디어 콘텐츠 그룹 및 해당 자막을 지정합니다.
새로운 
<footer>섹션 또는 페이지의 바닥 글을 지정합니다.
새로운 
<form>양식을 지정합니다.  
<h1>제목 수준 1을 지정합니다. 
<h2>제목 수준 2를 지정합니다. 
<h3>제목 수준 3을 지정합니다. 
<h4>제목 수준 4를 지정합니다. 
<h5>제목 수준 5를 지정합니다. 
<h6>제목 수준 6을 지정합니다. 
<head>문서에 대한 정보를 지정합니다. 
<header>hgroup요소를 포함하여 소개 또는 탐색 보조 그룹을 지정합니다.
새로운 
<hgroup>섹션이나 페이지의 헤더를 지정합니다.

참고 :이 요소는 W3C HTML5 사양에서 삭제되었지만 WHATWG Living Standard에는 여전히 포함되어 있습니다.

새로운 
<hr>가로 규칙을 지정합니다. 
<html>html 문서를 지정합니다. 
<i>기울임 꼴 텍스트를 지정합니다. 
<iframe>인라인 서브 윈도우 (프레임)를 지정합니다. 
<img>이미지를 지정합니다. 
<input>입력 필드를 지정합니다. 
<ins>삽입 된 텍스트를 지정합니다. 
<kbd>키보드 텍스트를 지정합니다. 
<keygen>키 쌍을 생성합니다.
새로운 
<label>양식 컨트롤의 레이블을 지정합니다. 
<legend>필드 세트의 제목을 지정합니다. 
<li>목록 항목을 지정합니다. 
<link>리소스 참조를 지정합니다. 
<main>HTML 문서의 주 컨텐츠 영역을 지정합니다.
새로운 
<map>이미지 맵을 지정합니다.  

<mark>

표시된 텍스트를 지정합니다.
새로운 
<menu>메뉴 목록을 지정합니다.
HTML 5.1
<menuitem>사용자가 팝업 메뉴에서 호출 할 수있는 명령을 지정합니다.
HTML 5.1
<meta>메타 정보를 지정합니다. 
<meter>사전 정의 된 범위 내에서 측정을 지정합니다.
새로운 
<nav>탐색 링크를 지정합니다.
새로운 
<noscript>noscript 섹션을 지정합니다. 
<object>포함 된 개체를 지정합니다. 
<ol>정렬 된 목록을 지정합니다. 
<optgroup>옵션 그룹을 지정합니다. 

<option>

드롭 다운 목록에서 옵션을 지정합니다. 
<output>일부 유형의 출력을 지정합니다.
새로운 
<p>단락을 지정합니다. 
<param>객체에 대한 매개 변수를 지정합니다. 
<pre>미리 서식이 지정된 텍스트를 지정합니다. 

<progress>

모든 종류의 작업 진행률을 지정합니다.
새로운 
<q>짧은 인용 부호를 지정합니다. 
<rb>루비 주석의 기본 텍스트 구성 요소를 표시합니다.
새로운 
<rp>루비 주석을 지원하지 않는 브라우저를 위해 사용됩니다.
새로운 
<rt>루비 주석의 루비 텍스트 구성 요소를 지정합니다.
새로운 
<rtc>루비 주석의 루비 텍스트 컴포넌트에 대한 루비 텍스트 컨테이너를 표시합니다.
새로운 

<ruby>

루비 주석 (동아시아 타이포그래피에서 사용됨)을 지정합니다.
새로운 
<s>더 이상 정확하지 않거나 관련성이없는 텍스트를 나타냅니다. 
<samp>샘플 컴퓨터 코드를 지정합니다. 
<script>스크립트를 지정합니다. 

<section>

섹션을 지정합니다.
새로운 
<select>선택 가능한 목록을 지정합니다. 
<small>작은 텍스트를 지정합니다. 
<source>미디어 리소스를 지정합니다.
새로운 
<span>문서의 섹션을 지정합니다. 
<strong>강력한 텍스트를 지정합니다. 

<style>

스타일 정의를 지정합니다. 
<sub>아래 첨자 텍스트를 지정합니다. 

<summary>

<details>요소에 대한 요약 / 캡션을 지정합니다.
새로운 
<sup>위 첨자 텍스트를 지정합니다. 
<table>테이블을 지정합니다. 
<tbody>테이블 본문을 지정합니다. 
<td>표 셀을 지정합니다. 

<template>

스크립트에 의해 문서에 복제되고 삽입 될 수있는 HTML 단편을 선언합니다.
새로운 
<textarea>텍스트 영역을 지정합니다. 
<tfoot>테이블 바닥 글을 지정합니다. 
<th>테이블 헤더를 지정합니다. 
<thead>테이블 헤더를 지정합니다. 

<time>

날짜 / 시간을 지정합니다.
새로운 
<title>문서 제목을 지정합니다. 
<tr>테이블 행을 지정합니다. 

<track>

비디오 및 오디오와 같은 미디어 용 텍스트 트랙을 지정합니다.
새로운 
<u>텍스트가 아닌 주석이있는 텍스트를 지정합니다. 
<ul>정렬되지 않은 목록을 지정합니다. 
<var>변수를 지정합니다. 

<video>

동영상을 지정합니다.
새로운 
<wbr>매우 긴 단어 및 공백없는 텍스트 문자열에 대한 줄 바꿈 기회 를 지정 합니다.
새로운 



HTML5 Tags


728x90
저작자표시 동일조건

'디자인 > HTML, CSS, JS' 카테고리의 다른 글

CSS[4] 그리드로 웹 사이트 레이아웃 만들기  (0) 2018.12.20
CSS[3] 그리드 레이아웃 소개  (0) 2018.12.19
CSS[2] 그리드 만들기  (0) 2018.12.19
CSS[1] 그리드 튜토리얼  (0) 2018.12.19
CSS Grid로 신속하게 웹사이트 프로토타입을 만드는 방법  (0) 2018.12.18
CSS 배치 방법  (0) 2018.12.17
마크 업 및 레이아웃  (0) 2018.12.17
CSS 그리드로 간결한 미디어 쿼리  (0) 2018.12.17

관련글

댓글

티스토리툴바