Is it semantically correct to nest an element within a element?

Question

using HTML5, would it be semantically correct to place an

element within a

element. A situation where this would prove usefu

Answer 1

There is nothing semantically incorrect about it, but it is not really necessary. The

and
• elements aren't really adding anything here, unless you are taking advantage of their default styling. Simply putting the
  tags directly within the

  should be sufficient, and it reduces the complexity of your page as well as its size.

  To determine whether something is semantically correct and useful in HTML, ask yourself a few questions. Are you using each element for its intended purpose? For instance, it's not semantically correct if you use an element for a button, as is for hyperlinks, is for buttons. Do you need each element you are using in order to convey all of the semantic information about your content (sections, headings, links, etc)? Is there anything meaningful that you intend to convey that isn't expressed by use of appropriate elements? Having lots of extra meaningless elements usually isn't harmful, but it adds clutter, and it may mean that there are semantic distinctions you are conveying visually but not encoding in a way that a screen reader or automated bot or browser that presented the information in a different format could make sense of.