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