In this episode of Syntax, Wes and Scott talk about HTML fundamentals — from basic structure and semantics to practical tips for better accessibility and SEO. They also discuss the difference between block and inline elements, form functionalities, HTML5 elements like dialog and canvas, and more.
Show Notes
- 00:00 Welcome to Syntax!
- 02:33 Brought to you by Sentry.io
- 03:25 Why HTML is important
- 06:52 Semantic vs non-semantic
- 07:58 The basic structure of an HTML page
- HTML elements reference
- The Main element
- 08:45 Doctype
- 15:24 Nav
- 18:47 Section
- 20:41 Aside
- 22:09 Article
- 22:54 Span
- 27:18 Why use a span when you have a div and a paragraph tag?
- 29:29 Figure and Caption
- 31:16 Fieldset
- 31:53 UL vs OL
- 32:44 DFN
- 34:16 Form
- 36:56 Button vs Anchor
- 38:22 Headings
- 674 - A11y Treats - Heading Design
- 40:21 Output
- 41:46 Dialog
- 42:04 Tables
- 44:03 Media
- 45:06 Canvas
- https://githubuniverse.com/
- https://maximeheckel.com/
- 46:07 On graphics programming
- 47:38 Search
- 354 - The Surprisingly Exciting World of HTML Elements
- 48:27 Sick Picks + Shameless Plugs
Sick Picks
- Scott: 2Pack Traditional Natural Bamboo Wok Brushes
- Wes: Logitech MX Master 3S
Shameless Plugs
- Syntax YouTube Channel
- The Easiest Way to Infinite Scroll with React | Full Example
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads