ai code academy · Explore coding
What is semantic HTML?
Semantic HTML uses elements that describe the purpose of content, such as navigation, a main section, or an article. It gives a web page meaningful structure beyond how it looks.
Discover ai code academyYour next step: guided practice and AI support in the app.
Download on the App Store ↗Meaning behind the visible page
On a news page, a headline, the main story, and a navigation menu do different jobs. Meaningful structure helps browsers and assistive technologies interpret those roles; visual styling alone does not describe them.
Meaning survives a change of presentation
Semantic elements communicate what a part of a document is for. Navigation, main content, and an article can look very different from one website to another while retaining recognisable roles. Their meaning is not tied to one visual arrangement.
A page can also contain several kinds of repeated content, such as site navigation and related articles. Clear structure helps distinguish those parts from the page's central subject. That makes semantics relevant to how someone moves through the content, alongside how the page is written.
Explore the ideas behind a page
If the structure behind websites interests you, discover ai code academy for guided coding practice and AI support. See the listing for current app details.