How deeply does Build a Website with ChatGPT cover aside element?

Defines purpose, placement, common contents, generated markup, manual editing, and CSS Grid customization.

Aside element

As explained in Build a Website with ChatGPT

The aside element is an HTML element that represents content indirectly related to the document's main content, such as a sidebar.

The aside element marks content indirectly related to a page’s main content. It commonly creates a sidebar beside an article. section 12.2.3

Use an aside for related supporting content, such as:

Links to pages related to the article section 12.2.3
Latest site news, a social media feed, or advertisements section 12.2.3 section 12.6
One or more sidebars placed anywhere inside the main element section 12.2.3

Related guides sidebar

<aside> <h3>Related Guides</h3>  </aside> Add paragraphs, links, or additional headings below the placeholder. section 12.3

For a two-column article page, place the aside after the article and use CSS Grid. To move it left, place it before the article and change the columns from 2fr 1fr to 1fr 2fr. section 12.2.10 section 12.5

How Build a Website with ChatGPT covers it

liveBook manning.com

Read Build a Website with ChatGPT on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

Web Design PlaygroundContent that is tangentially related to the main flow of a page, often presented as complementary or sidebar material.

Compare how 2 books explain aside element →

Related concepts

sidebarimplements · A sidebar is a secondary interface or content area alongside primary content that presents supplementary information, navigation, or controls.
semantic markupkind of · Semantic markup is the practice of using HTML elements according to the meaning and structural or interactive role of their content.
mainpart of · The HTML main element identifies the dominant content of a document or application view, excluding shared navigation and peripheral content.
HTML elementkind of · An HTML element is a component of an HTML document, defined by markup and represented in the document structure, with permitted attributes, content, and semantics.
float propertyused by · The CSS float property positions an element toward one side of its containing block and allows surrounding content to flow around it.

This explainer was generated by Manning's knowledge graph from the text of Build a Website with ChatGPT. The section links point to the parts of the book it draws on.