Jaeseo's Information Security Story

HTML5 태그 정리 본문

Coding and Linux Study

HTML5 태그 정리

Jaeseokim 2020. 4. 11. 21:07
Tag Description
<!--...--> 주석을 정의
<!DOCTYPE>  문서 타입을 정의
<a> Hyperlink을 정의
<abbr> 약어를 정의(마우스 오버시 툴팁으로 내용 출력)
<address> 문서의 소유자 정보에 대한 정의
<area> image-map에서 해당 영역을 정의
<article> article을 정의(기사 내용과 같이 독립적인 내용을 담을 때 사용)
<aside> 페이지 내용에 대한 aside(연관된 정보)를 정의
<audio> 오디오 컨텐츠를 정의
<b> 굵은 글씨를 정의
<base> 문서내부에서 상대적으로 접근 하는 URL의 기준 URL를 정의
<bdi> 다른 방향으로 지정될 수 있는 언어에 대해 자동으로 텍스트를 분리하여 방향 재정의(ex. 히브리어, 아랍어)
<bdo> 해당 문자의 방향을 재설정
<blockquote> 인용에 대해 정의
<body> document의 body에 대해 정의
<br> 한줄 넘기는 것에 대해 정의(엔터 처리)
<button> 버튼에 대해 정의
<canvas> scripting를 통해 즉석에서 그래픽을 표현하는데 사용됨 (보통 JavaScript를 사용)
<caption> table의 설명을 정의
<cite> 출처 및 제목에 대해 정의
<code> 컴퓨터 코드에 대해 정의
<col> <colgroup> element  내부의 각 열에 대해 정의
<colgroup> 하나 이상의 열 그룹에 대해 지정
<data> 주어진 내용을 기계가 판단 할 수 있는 값과 함께 연결(value)
<datalist> 입력에 대한 미리 지정된 옵션 목록을 지정(ex. AutoComplete)
<dd> <dl<(description list)에서 각 항에 대해 값 또는 설명을 정의
<del> 문서에서 삭제됨을 정의 (취소선)
<details> 사용자가 숨기거나 볼 수 있는 추가 세부사항을 정의
<dfn> 용어의 정의를 나타낼 때 사용
<dialog> 대화 상자(dialog box)나 대화 윈도우(dialog window)를 정의
<div> document에서 섹션을 정의
<dl> description list를 정의
<dt> description list에서 용어나 이름에 대해 정의
<em> 강조 문구를 정의
<embed> 외부 애플리케이션이나 대화형 콘텐츠를 포함시킬 수 있는 컨테이너(container)를 정의할 때 사용
<fieldset> <form> 요소에서 연관된 요소들을 하나의 그룹으로 묶을 때 사용
<figcaption> <figure>의 요소에 대해 Caption에 대해 정의
<figure> 독립적인 콘텐츠를 정의
<footer> 문서나 특정 섹션의 footer에 대해 정의
<form> 사용자 입력을 받을 수 있는 HTML 입력 Form에 대해 정의
<h1> to <h6> HTML문서에서 제목에 대해 정의
<head> 문서에 대한 정보인 메타데이터(metadata)의 집합을 정의
<header> 문서나 특정 섹션의 header에 대해 정의(ex. 메뉴)
<hr> 컨텐츠의 내용을 구분하거나 주제의 변화가 생길 때 사용
<html> HTML document의 최상위(root)에 대해 정의
<i> 다른 분위기나 음성을 위한 텍스트 영역 정의(보통 italic으로 표현됨)
<iframe> inline frame에 대해 정의
<img> 이미지에 대해 정의
<input> 입력 필드에 대해 정의
<ins> 문서에서 새로 추가된 부분을 정의 할때 사용(밑줄 처리됨)
<kbd> 키보드 입력을 표현 할 때 사용
<label> <input> 객체에 대해 label를 정의()
<legend> <fieldset> 요소의 캡션(caption)에 대해 정의
<li> list item를 정의할 때 사용
<link> 해당 문서와 외부 소스들의 관계를 정의(외부 stylesheet나 JavaScript를 정의할 때 자주 사용)
<main> document내에서 메인 컨텐츠를 정의할 때 사용
<map> client-side image-map 정의
<mark> 하이라이트된(highlighted) text를 정의
<meta> HTML document에 대한 metadata를 정의
<meter> 분수 값이나 게이지(gauge) 내에서 특정 스칼라 값(scalar measurement)을 정의
<nav> navigation links를 정의
<noscript> client-side를 사용 안하거나 지원을 안할 때를 위한 알림이나 별도의 컨텐츠를 정의
<object> embedded object에 대해 정의
<ol> 순서가 있는 list에 대해 정의
<optgroup> drop-down list에서 사용되는 옵션들의 그룹을 정의
<option> drop-down list에서 사용되는 옵션을 정의
<output> 계산에 대해 결과를 출력할 때 사용
<p> 문단을 정의
<param> object에서 사용되는 parameter를 정의
<picture> 다중 image resources를 위한 컨테이너를 정의
<pre> 미리 정의된 text를 사용할 때 사용
<progress> 작업의 진행율을 표현할 때 사용
<q> 짧은 인용구를 정의
<rp> 루비 주석(ruby annotations) 지원하지 않는 브라우저에서 보여질 내용 정의
<rt> 루비 주석(ruby annotations)에서 발음이나 설명을 나타내는 윗첨자를 정의
<ruby> 루비 주석(ruby annotations)를 정의
<s> 더 이상 사용되지 않거나 관련이 없는 텍스트를 표현할 때 사용
<samp> 컴퓨터 프로그램에서 샘플 또는 출력물(output)에 정의
<script> client-side script에 대해 정의
<section> document에서 섹션에 대해 정의
<select> drop-down 목록을 정의
<small> 글자 크기가 작은 텍스트에 대해 정의
<source> media elements (<video> and <audio>)에서 사용되는 다중 media resources에 대해 정의
<span> documen에서 섹션을 정의
<strong> 강조 문자를 정의
<style> document에서 스타일 정보를 정의
<sub> 아랫첨자 문자를 표현할 때 사용
<summary> <details> 요소에서 제목을 정의
<sup> 윗첨자 문자를 표현할 때 사용td>
<svg> SVG 그래픽에 대해 정의
<table> table에 대해 정의
<tbody> table에서 body content를 하나의 그룹으로 정의
<td> table에서 하나의 데이터 셀(cell)을 정의
<template> template에 대해 정의(추후에 추가되거나 사용될 수 있는 내용 사용하기 전까지 렌더링 안함)
<textarea> 다중 문자열에 대해 입력창을 정의(text area)
<tfoot> table에서 footer 컨텐츠 그룹을 정의
<th> table에서 제목을 정의
<thead> table에서 header 컨텐츠 그룹을 정의
<time> 날자/시간에 대해 정의
<title> document의 타이틀에 대해 정의
<tr> table에서 행에 대해 정의
<track> 미디어 요소(<video> and <audio>)을 위한 텍스트 트랙을 정의(ex.자막)
<u> 일반적인 문자와 달라야만 하는 텍스트를 표현할 때 사용(underline으로 표현)
<ul> 순서가 없는 리스트를 정의
<var> 변수(variable)를 정의
<video> video나 movie를 정의
<wbr> line-break가 가능한 위치를 정의
Comments