3. Summary and References


Summary

  • Semantic markup conveys its meaning and purpose clearly to the developers and the browser. Web developers frequently use the <div> element to layout web pages. A <div> element may wrap a navigational menu or house a list of blog posts, but merely using <div> doesn't convey much information to developers or browsers. CSS classes applied to <div> elements reveal information about their intended purpose.

  • Semantic elements of HTML5 are listed below:
  • <header>
  • <footer>
  • <section>
  • <article>
  • <aside>
  • <nav>
  • The <header> tag defines the header of a page or a section
  • The <nav> element houses navigation menus or any navigational structure such as hyperlinks.
  • The <section> element represents a section of a document or application.
  • The <article> element represents an independent item section of content such as a blog post, forum post, or a comment.
  • The <aside> element houses content related to the surrounding content but, at the same time, is a standalone piece of content in itself.
  • The <footer> element presents the footer of the whole page or a
  • element. It contains footer information such as copyright notice.

References

Bipin, J. (2014). Understanding the Proper Way to Lay Out a Page with HTML5 - Developer.com. https://www.developer.com/lang/understanding-the-proper-way-to-lay-out-a-page-withhtml5.html

Ducket, J. (2011). HTML5 Layout (Seventh Edition), HTML & CSS Design and Build Website (430-448). Indianapolis, IN: John Wiley & Sons, Inc.

HTML5 Aside Element: Here Are the Good (And Not So Good) Uses for it. (2019). https://html.com/ tags/aside/


HTML Layout Tutorial: Learn to Create a Proper Page Layout Design. (2020). https://www.bitdegree.org/learn/html-layout#basic-elements-of-website-layouts


Kyrnin, J. (n.d.). What is semantic html, and why should you use it? Lifewire. https://www.lifewire.- com/why-use-semantic-html-3468271

Terry Felke-Morris(2015). Page Layout. In Terry Felke-Morris (Seventh Edition), Web Development and Design Foundations with HTML5 (257-312). England, Pearson

The Article Contents element. (n.d.). MDN Web Docs. https://developer.mozilla.org/en-US/docs/Web/ HTML/Element/article

The Navigation Section element. (n.d.). MDN Web Docs. https://developer.mozilla.org/en-US/docs/ Web/HTML/Element/nav