Semantic elements are tags used for adding structure to your
webpage, contrasting from <div> by each semantic
tag having a name which defines how it should be used,
e.g. <header> because of this they are used to
specify the role of the text contained within the tags.
Semantic tags were added to html in html5, which was finalised in 2014