What’s New in HTML 5: Semantics

Aside from new structural elements there are also new semantic tags.

Block-Level Sematics:

  • Aside - In the English language the word “aside” can be used as a substitute to the word digression. When you digress from a certain topic it means that you insert or include something that is not really included in the main jist of your original or main topic. The Aside element in HTML 5 works just like that. It is used to denote anything “outside the main flow of the narrative” including notes, tips, a sidebar, a pullquote, and parenthetical remarks. In HTML 4, since there is no such element yet sidebars and other features needed to be encoded usign tables. The Aside element obviates the need to do this simplying your code a great deal.
  • Figure - The new figure element is HTML 5’s answer to representing block-level images in a more semantic way. In HTML 4 when embedding images and other elements along with their corresponding captions you simply code them directly and do not really have a way to represent the block of code in so as to signify what the embedded element really is. While the method is sufficient by putting the whole code inside the figure tag <figure></figure> it leaves little room for ambiguities making it easier for browsers to interpret and associate the caption with the image. Aside from embedded pictures the audio, videos, objects and iframes can also be captioned using the figure tag.

Go back