Semantic HTML

Semantic HTML elements are elements that describe their intended use with the tag name. The purpose of semantic elements are to make understanding the layout of a website easier, both to developers and applications alike. Semantic elements play a major role in how accessible a website is, and how compatible it is with accessibility tools such as text-to-speech and vision-impaired navigation.

Web page layouts

Web page layouts are commonly modified in CSS using three main technology choices:

• Float
• Grid
• Flexbox

All three types are part of modern CSS3, but support for web browser versions varies. Most web browser versions from ~2017 onwards support all three layouts.

Animations

Website animations can be achieved using CSS. A CSS Keyframe block can be defined with a collection of states. The keyframe can then be applied to a css selector along with values for animation speed, direction, progression, and iteration.