Tuesday, January 30, 2018

WebDesign: Webpage Structure (W4-P1) Sp18

Shay Howe, author of Learn to Code HTML & CSS, covers the basic structure (and related elements) for websites.

It may be helpful to think about the structure of a web page like the layout of a newspaper.  Compare this to Figure 2.5 in Howe.

HTML5 includes new semantic elements that provide structure to a web page.
  • <header> -- "Defines a header for a document or section" (w3schools)
  • <nav> -- "Defines navigation links"
  • <article> -- "Defines an article"
  • <section> -- "Defines a section in a document"
  • <aside> -- "Defines content aside from the page content"
  • <footer> -- "Defines a footer for a document or section"

A good reference source for these elements and others is w3schools.com's HTML Element Reference page.

Note: Shay refers to elements, while w3schools refers to tags.  For the difference between the elements and tags, see Johansson.    We'll follow the more accurate description of Johansson.

If you are interested, below is a video covering the above semantics elements.

Share this post with others. See the Twitter, Facebook and other buttons below.
Please follow, add, friend or subscribe to help support this blog.
See more about me at my web site WilliamHartPhD.com.

No comments:

Post a Comment

Thank you for your comment.
Your comment will be reviewed.
If acceptable, it will be posted after it is carefully reviewed. The review process may take a few minutes or maybe a day or two.