◼ HTMLElement 종류
태그가 워낙 많은데, 사용하는 태그도 있고 아닌 태그도 있어서, 적어 보았다.
많이 사용하지 않는 태그에 대해서는 아래에 설명도 해놓았다.
HTMLElementTagNameMap {
"a": HTMLAnchorElement;
"abbr": HTMLElement; // 축약어 태그
"address": HTMLElement;
"area": HTMLAreaElement; // 이미지 맵(Image Map)을 정의
"article": HTMLElement;
"aside": HTMLElement;
"audio": HTMLAudioElement;
"b": HTMLElement;
"base": HTMLBaseElement; // head 기본 url 지정 하는 태그
"bdi": HTMLElement; // 가운데에서 우측으로 표시되는 RTL(Right-to-Left) 스크립트(예: 아랍어, 히브리어)와 함께 사용
"bdo": HTMLElement; // 텍스트의 방향이 RTL(우측에서 좌측으로 표시되는) 스크립트와 함께 사용
"blockquote": HTMLQuoteElement; // 인용
"body": HTMLBodyElement;
"br": HTMLBRElement;
"button": HTMLButtonElement;
"canvas": HTMLCanvasElement;
"caption": HTMLTableCaptionElement;
"cite": HTMLElement; // 인용문의 제목이나 출처를 나타내는 HTML 요소
"code": HTMLElement;
"col": HTMLTableColElement;
"colgroup": HTMLTableColElement;
"data": HTMLDataElement;
"datalist": HTMLDataListElement;
"dd": HTMLElement;
"del": HTMLModElement;
"details": HTMLDetailsElement;
"dialog": HTMLDialogElement;
"div": HTMLDivElement;
"dl": HTMLDListElement;
"dt": HTMLElement;
"em": HTMLElement;
"fieldset": HTMLFieldSetElement;
"figcaption": HTMLElement;
"figure": HTMLElement;
"footer": HTMLElement;
"form": HTMLFormElement;
"h1": HTMLHeadingElement;
"h2": HTMLHeadingElement;
"h3": HTMLHeadingElement;
"h4": HTMLHeadingElement;
"h5": HTMLHeadingElement;
"h6": HTMLHeadingElement;
"head": HTMLHeadElement;
"header": HTMLElement;
"hr": HTMLHRElement;
"html": HTMLHtmlElement;
"i": HTMLElement;
"iframe": HTMLIFrameElement;
"img": HTMLImageElement;
"input": HTMLInputElement;
"ins": HTMLModElement;
"kbd": HTMLElement;
"label": HTMLLabelElement;
"legend": HTMLLegendElement;
"li": HTMLLIElement;
"link": HTMLLinkElement;
"main": HTMLElement;
"map": HTMLMapElement;
"mark": HTMLElement;
"meta": HTMLMetaElement;
"meter": HTMLMeterElement; // 범위나 측정 값을 표시하는 HTML 요소
"nav": HTMLElement;
"noscript": HTMLElement;
"object": HTMLObjectElement;
"ol": HTMLOListElement;
"optgroup": HTMLOptGroupElement;
"option": HTMLOptionElement;
"p": HTMLParagraphElement;
"picture": HTMLPictureElement;
"pre": HTMLPreElement;
"progress": HTMLProgressElement;
"script": HTMLScriptElement;
"section": HTMLElement;
"select": HTMLSelectElement;
"slot": HTMLSlotElement;
"small": HTMLElement;
"source": HTMLSourceElement;
"span": HTMLSpanElement;
"strong": HTMLElement;
"style": HTMLStyleElement;
"sub": HTMLElement;
"summary": HTMLElement;
"sup": HTMLElement;
"table": HTMLTableElement;
"tbody": HTMLTableSectionElement;
"td": HTMLTableDataCellElement;
"template": HTMLTemplateElement;
"textarea": HTMLTextAreaElement;
"tfoot": HTMLTableSectionElement;
"th": HTMLTableHeaderCellElement;
"thead": HTMLTableSectionElement;
"time": HTMLTimeElement;
"title": HTMLTitleElement;
"tr": HTMLTableRowElement;
"track": HTMLTrackElement;
"u": HTMLElement;
"ul": HTMLUListElement;
"var": HTMLElement;
"video": HTMLVideoElement;
}
'[노트장] 적으며 정리해 보는 이론 > TypeScript' 카테고리의 다른 글
[TypeScript]React에 TypeScript 적용하기(타입지정) (0) | 2024.04.29 |
---|---|
[TypeScript]Event 타입 (0) | 2024.04.29 |
[TypeScript]React에 TypeScript 적용하기(tsconfig.json) (0) | 2024.04.29 |
[TypeScript] Enum(열거형) (0) | 2024.04.25 |
[TypeScript] 기본타입 (0) | 2024.04.23 |