The <figure> tag is for self-contained content, frequently with a caption <figcaption> and is typically referenced as a single unit. Usually a <figure> is an image, illustration, diagram, code snippet, etc., that is referenced in the main flow of a document, but that can be moved to another part of the document or to an appendix without affecting the main flow.
E.g. if you wont to disply on your web page code example you can firs the <> ; , writte like en code. Without that the code won't be desplayed.