Skip to content

Instantly share code, notes, and snippets.

@wei-yuuuu
Forked from emoxowa/DetailedHTMLProps.md
Created January 16, 2025 03:40
list of HTML tags and their corresponding types for DetailedHTMLProps

List of HTML Tags and Their Corresponding Props

This is a list of HTML tags and their associated types using the TypeScript DetailedHTMLProps interface. The DetailedHTMLProps interface is a generic type that provides a way to describe HTML element props in a more precise way. The list includes tags from the most commonly used to the least commonly used HTML elements. Each tag is listed in alphabetical order with its associated type definition using the DetailedHTMLProps interface.

  • <a> tag: DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>
  • <abbr> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <address> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <area> tag: DetailedHTMLProps<AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>
  • <article> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <aside> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <audio> tag: DetailedHTMLProps<AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>
  • <b> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <base> tag: DetailedHTMLProps<BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>
  • <bdi> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <bdo> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <blockquote> tag: DetailedHTMLProps<BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>
  • <body> tag: DetailedHTMLProps<HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>
  • <br> tag: DetailedHTMLProps<HTMLAttributes<HTMLBRElement>, HTMLBRElement>
  • <button> tag: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>
  • <canvas> tag: DetailedHTMLProps<CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>
  • <caption> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <cite> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <code> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <col> tag: DetailedHTMLProps<ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>
  • <colgroup> tag: DetailedHTMLProps<ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>
  • <data> tag: DetailedHTMLProps<DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>
  • <datalist> tag: DetailedHTMLProps<HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>
  • <dd> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <del> tag: DetailedHTMLProps<DelHTMLAttributes<HTMLElement>, HTMLElement>
  • <details> tag: DetailedHTMLProps<DetailsHTMLAttributes<HTMLElement>, HTMLElement>
  • <dfn> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <dialog> tag: DetailedHTMLProps<DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>
  • <div> tag: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>
  • <dl> tag: DetailedHTMLProps<HTMLAttributes<HTMLDListElement>, HTMLDListElement>
  • <dt> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <em> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <embed> tag: DetailedHTMLProps<EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>
  • <fieldset> tag: DetailedHTMLProps<FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>
  • <figcaption> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <figure> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <footer> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <form> tag: DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>
  • <form> tag: DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>
  • <h1> tag: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>
  • <h2> tag: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>
  • <h3> tag: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>
  • <h4> tag: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>
  • <h5> tag: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>
  • <h6> tag: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>
  • <head> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <header> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <hr> tag: DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>
  • <html> tag: DetailedHTMLProps<HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>
  • <i> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <iframe> tag: DetailedHTMLProps<IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>
  • <img> tag: DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>
  • <input> tag: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>
  • <ins> tag: DetailedHTMLProps<InsHTMLAttributes<HTMLElement>, HTMLElement>
  • <kbd> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <label> tag: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>
  • <legend> tag: DetailedHTMLProps<HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>
  • <li> tag: DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>
  • <link> tag: DetailedHTMLProps<LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>
  • <main> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <map> tag: DetailedHTMLProps<MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>
  • <mark> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <menu> tag: DetailedHTMLProps<MenuHTMLAttributes<HTMLElement>, HTMLElement>
  • <meta> tag: DetailedHTMLProps<MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>
  • <meter> tag: DetailedHTMLProps<MeterHTMLAttributes<HTMLElement>, HTMLElement>
  • <nav> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <noscript> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <object> tag: DetailedHTMLProps<ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>
  • <ol> tag: DetailedHTMLProps<OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>
  • <optgroup> tag: DetailedHTMLProps<OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>
  • <option> tag: DetailedHTMLProps<OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>
  • <output> tag: DetailedHTMLProps<OutputHTMLAttributes<HTMLElement>, HTMLElement>
  • <p> tag: DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>
  • <param> tag: DetailedHTMLProps<ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>
  • <picture> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <pre> tag: DetailedHTMLProps<HTMLAttributes<HTMLPreElement>, HTMLPreElement>
  • <progress> tag: DetailedHTMLProps<ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>
  • <q> tag: DetailedHTMLProps<QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>
  • <rp> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <rt> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <ruby> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <s> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <samp> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <script> tag: DetailedHTMLProps<ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>
  • <section> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <select> tag: DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>
  • <small> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <source> tag: DetailedHTMLProps<SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>
  • <span> tag: DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>
  • <strong> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <style> tag: DetailedHTMLProps<StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>
  • <sub> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <summary> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <sup> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <table> tag: DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>
  • <tbody> tag: DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>
  • <td> tag: DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>
  • <textarea> tag: DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>
  • <tfoot> tag: DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>
  • <th> tag: DetailedHTMLProps<ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>
  • <thead> tag: DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>
  • <time> tag: DetailedHTMLProps<TimeHTMLAttributes<HTMLElement>, HTMLElement>
  • <title> tag: DetailedHTMLProps<HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>
  • <tr> tag: DetailedHTMLProps<TrHTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>
  • <track> tag: DetailedHTMLProps<TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>
  • <u> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <ul> tag: DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>
  • <var> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
  • <video> tag: DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>
  • <wbr> tag: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment