Topic 1: There are different techniques for HTML layouts.

Using HTML, there are traditionally four different techniques that are used to create multicolumn layouts. Each of these four techniques has both pros and cons. These are CSS framework, CSS float property, CSS flexbox, and CSS grid. However, it is common to do the entire layout of the webpage using the float property. A disadvantage of the float is that some of the elements are tied to the document flow, which can potentially be harmful to the flexibility of the page. Using CSS grid layout, you can create a grid-based layout system, that includes rows and columns, allowing for easier web page designs without having to use floats or positioning.

Topic 2: HTML contains elements that are known as “Semantic”.

Using <article>, we define independent, self-contained content. Using the <aside>element we can define content that is aside from the page content. <Details> defines additional details that the user can use to view or hide. These are just a few examples of the semantic elements in HTML. A semantic Web will allow data to be shared and reused across applications, communities, and enterprises.

Topic 3: A semantic element is one that clearly describes the meaning to both the developer, as well as the browser.

An example of an element that is not semantic includes <div> and <span>. These tell nothing about its content. Examples of semantic elements include: <form>, <table>, and <article>. Using HTML, you can use some semantic elements to define the different parts of a webpage. An example of this is the HTML element <section>. Like its name, it defines a section that is a thematic grouping of your content, one that typically includes a heading. Examples of where <section> can be used is found in: Chapters, Introductions, News items, and Contact information.