814: Fundamentals: HTML

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