HTML Tag Reference Manual - Functional Sorting

Arrange HTML tags by functional category

Basic

Tag Description
<!DOCTYPE>  Define the document type.
<html> Define the root of the HTML document.
<head> Define information about the document.
<title> Define the title of the document.
<body> Define the main body of the document.
<h1> to <h6> Define an HTML title.
<p> Define a paragraph.
<br> Define a simple line break.
<hr> Define a theme change in the content.
<!--...--> Define a comment.

Format

Tag Description
<acronym> Not supported in HTML5. Please use <abbr> Replace.Define an acronym.
<abbr> Define an abbreviation or an acronym.
<address> Define the contact information of the document author or owner.
<b> Define bold text.
<bdi> Define the text direction of the text, making it脱离 its surrounding text direction settings.
<bdo> Define the text direction.
<big> Not supported in HTML5. Please use CSS Replace.Define large text.
<blockquote> Define a long quotation.
<center> Not supported in HTML5. Please use CSS Replace.Define centered text.
<cite> Define the title of the work.
<code> Define a segment of computer code.
<strike> 定义已从文档中删除的文本。
Define text that has been deleted from the document. <dfn>
Specify terms to be defined in the content. <em>
Define emphasized text. Not supported in HTML5. Please use CSS Replace.<font>
Define the font, size, and color of text. <i>
Define parts of text expressed in a different tone or mood. <ins>
Define text that has been inserted into the document. <kbd>
Define keyboard input. <mark>
Define text that should be marked or highlighted. <meter>
Define gauges within a known range. <pre>
Define preformatted text. <progress>
Define task progress. <q>
Define short quotes. <rp>
Define the content displayed in browsers that do not support ruby annotations. <rt>
Define the explanation/pronunciation of characters (for East Asian printing). <ruby>
Or Define ruby annotations (for East Asian printing).
Define text that is no longer correct. <samp>
Define sample output of a computer program. <small>
Define small text. Not supported in HTML5. Please use <strike> <del> Or Replace.Define strikethrough text.
<strong> Define important text.
<sup> Define superscript text.
<sub> Define subscript text.
<template> Define a container used to hold hidden content when the page is loaded.
<time> Define date/time.
<tt> Not supported in HTML5. Please use CSS Replace.Define typewriter text.
<u> Define text that is not explicitly expressed and styled differently from ordinary text.
<var> Define variables.
<wbr> Define possible line breaks.

Forms and input

Tag Description
<form> Define HTML forms for user input.
<input> Define input controls.
<textarea> Define multi-line text input controls.
<button> Define clickable buttons.
<select> Define the dropdown list.
<optgroup> Define the grouping of related options in the dropdown list.
<option> Define the options in the dropdown list.
<label> Define Input element Annotation
<fieldset> Group related elements in the form.
<legend> Define The element of fieldset The title.
<datalist> Specify the predefined option list of the input control.
<output> Define the result of the calculation.

Frame

Tag Description
<frame> Not supported in HTML5.Define the windows or frames of the frameset.
<frameset> Not supported in HTML5.Define a frameset.
<noframes> Not supported in HTML5.Alternative content for users who do not support frames.
<iframe> Define an inline frame.

Image

Tag Description
<img> Define an image.
<map> Define an image map.
<area> Define the area within an image map.
<canvas> Used to dynamically draw graphics through scripts (usually JavaScript).
<figcaption> Define figure element The title.
<figure> Specify self-contained content.
<picture> Define the container of multiple image resources.
<svg> Define the container of an SVG graphic.

Audio/Video

Tag Description
<audio> Define embedded audio content.
<source> Define media elements (such as <video>,<audio> And <picture>Multiple media resources.
<track> Define the text track used in a media player.
<video> Define embedded video content.

Link

Tag Description
<a> Define a hyperlink.
<link> Define the relationship between a document and external resources (often used for linking style sheets).
<nav> Define navigation links.

List

Tag Description
<menu> Define an unordered list.
<ul> Define an unordered list.
<ol> Define an ordered list.
<li> Define the item of a list.
<dir> Not supported in HTML5. Please use CSS Replace.Define a directory list.
<dl> Define a description list.
<dt> Define the term/term name in a description list.
<dd> Define the description/description of the term in a description list.

Table

Tag Description
<table> Define a table
<caption> Define the table title.
<th> Define a header cell in a table.
<tr> Define a row in a table.
<td> Define a cell in a table.
<thead> Define the header content of a table.
<tbody> Define the main content of a table.
<tfoot> Define the table note content (footnote) in a table.
<col> Specify The <colgroup> element Column properties of each column.
<colgroup> Specify the column groups for formatting in a table.

Style and semantics

Tag Description
<style> Define style information of a document.
<div> Define a section (fragment) in a document.
<span> Define a part of text, or a part of a document.
<header> Define the header of a document or section.
<hgroup> Define the title and related content.
<footer> Define the footer of a document or section.
<main> Define the main content of a document.
<section> Define a part of a document.
<search> Define the search section.
<article> Define an article.
<aside> Define content outside the page.
<details> Define other detailed information that the user can view or hide.
<dialog> Define a dialog or window.
<summary> Define the visible title of the <details> element.
<data> Add a machine-readable translation of the given content.

Meta-information

Tag Description
<head> Contain metadata/information about the document.
<meta> Define metadata about the HTML document.
<base> Specify the base URL and/or target for all relative URLs in the document.
<basefont> Not supported in HTML5. Please use CSS Replace.Define the default font, color, or size of the text in the document.

Programming

Tag Description
<script> Define client-side scripts.
<noscript> Define alternative content for users who do not support client-side scripts.
<applet> Not supported in HTML5. Please use <embed> And <object> Replace.Define an embedded applet.
<embed> Define the container for external resources.
<object> Define the container for external resources.
<param> Define the parameters of the object.