Semantic HTML introduces us to
<video> allows us to add videos to our website.
<audio> allows us to implement audio into our website.
<embed> can be used to implement any type of media. These elements are universal in that they all use the
src attribute to link the source of the content.
<audio> requires a closing tag while
<embed> is a self-closing tag.
<figure> element is used to encapsulate media such as an image, diagram. or code snippet. The
<figcaption> element is used to describe the media encapsulated within the
<figure> element. Developers will normally use
<figcaption> within the
<figure> element to group the media and description. This way, if a developer decides to change the position of the media, the description will follow along with it.
<aside> is used to mark additional information that can enhance another element but isn’t required in order to understand the main content. Usually this information would be in a sidebar or a location where it doesn’t obstruct the main piece of content. An example of this would be an article that discusses how to take care of a dog and next to the article an ad would appear advertising a dog grooming product.