Summary 2

HTML Structure and Layout

Topic 1 - There are different semantic elements in HTML.

The element are things such as <aside>, <figure>, <nav>, <header>, and more. There all define different parts of a webpage. This helps to keep things organized and orderly.

Topic 2 - Section and article elements are different.

When using a <section> element, you typically divide content such as chapters, introductions, news items, and other general information. On the other hand, the <article> element is used for forum posts, blog posts, user comments, product cards, and newspaper articles. This element should be able to stand alone and make sense independently from the rest of the website.

Topic 3 - Float layout vs. flexbox layout.

The Float layout is the easiest to learn, but it is the least flexible. The disadvantages are that the elements are tied to the document flow in which they were created, whereas with Flexbox, the layout adapts to the screen size. You can control how the elements move with different screen sizes.