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 ">00:00 Welcome to Syntax!
• 02:33 ">02:33 Brought to you by Sentry.io
• 03:25 ">03:25 Why HTML is important
• 06:52 ">06:52 Semantic vs non-semantic
• 07:58 ">07:58 The basic structure of an HTML page
  • HTML elements reference
  • The Main element
• 08:45 ">08:45 Doctype
• 15:24 ">15:24 Nav
• 18:47 ">18:47 Section
• 20:41 ">20:41 Aside
• 22:09 ">22:09 Article
• 22:54 ">22:54 Span
• 27:18 ">27:18 Why use a span when you have a div and a paragraph tag?
• 29:29 ">29:29 Figure and Caption
• 31:16 ">31:16 Fieldset
• 31:53 ">31:53 UL vs OL
• 32:44 ">32:44 DFN
  • The Definition element
• 34:16 ">34:16 Form
• 36:56 ">36:56 Button vs Anchor
• 38:22 ">38:22 Headings
  • 674 - A11y Treats - Heading Design
• 40:21 ">40:21 Output
  • The Output element
• 41:46 ">41:46 Dialog
• 42:04 ">42:04 Tables
• 44:03 ">44:03 Media
  • media-chrome
• 45:06 ">45:06 Canvas
  • https://githubuniverse.com/
  • https://maximeheckel.com/
• 46:07 ">46:07 On graphics programming
• 47:38 ">47:38 Search
  • 354 - The Surprisingly Exciting World of HTML Elements
• 48:27 ">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