Html Quiz 3

Why is content order important for accessibility?

Content should make sense when read by a screen reader — not just visually. Logical flow improves accessibility.

What does aria-hidden="true" do?

Hides content from screen readers, even though it may still be visible on the screen.

What is the purpose of an .sr-only class?

Hides content visually but keeps it accessible to screen readers.

What does <table> define?

A container for tabular data.

What is <caption> used for in a table?

Adds a title or description to the table. Must be the first child of <table>.

What does <thead> represent?

A group of header rows in a table.

What does <tbody> contain?

The main content (rows) of the table.

What is <tr> used for?

Defines a table row.

What does <td> stand for?

Table data cell — used for regular data entries.

What is <th> used for in a table?

Table header cell — usually bold and centered, used to label data.

What does clip do in CSS?

Defines a rectangular clipping region — used with position: absolute.

What is clip-path used for?

Clips an element to a shape (circle, polygon, etc.). Use -webkit-clip-path for cross-browser support.

What does overflow control?

Determines what happens when content overflows an element’s box (visible, hidden, scroll, or auto)

What does white-space control?

How text wraps or stays on a single line (normal, nowrap, pre, etc.).

What is gap in Flexbox?

Adds space between rows or columns in a flex or grid container.

What does z-index do?

Controls stacking order — higher values appear on top. Requires a non-static position.

What does !important do in CSS?

Forces a style to override any other rule, including inline styles and specificity.

What does :nth-of-type(n) do?

Selects the n-th element of its type among siblings.

What does :last-of-type select?

The last element of its type among siblings.

What does :first-of-type select?

The first element of its type among siblings.