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

• The Definition element

34:16 Form

36:56 Button vs Anchor

38:22 Headings

• 674 - A11y Treats - Heading Design

40:21 Output

• The Output element

41:46 Dialog

42:04 Tables

44:03 Media

• media-chrome

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