Frontend Dogma

“semantics” Archive

Supertopics: , · subtopics:  (non-exhaustive) · glossary look-up: “semantics”

Entry (Sources) and Other Related TopicsDate#
Is React Accessible? That’s the Wrong Question (acc)212
, , ,
It’s Right There in the Back of the Book (xir)211
,
10 Digital Accessibility Mistakes to Avoid (gov)210
, , , , , , , , , , , ,
Accessibility Essentials Every Front-End Developer Should Know (mar)209
, , , , , , , , ,
Updated Brief Note on Description List Support (aar)208
, , , ,
Accessibility First: How to Design Inclusive Frontend Experiences (the/fro)207
, , , , , , , , ,
On-Page SEO Checklist: The Complete Task List for 2025 (sem)206
, ,
The HTML Native Search Element (tre)205
The Semantic Interface Palette Is Simple (uxd)204
, ,
The “br” Element (hey)203
HTML Cheat Sheet202
, ,
The “button” Element (hey)201
, ,
The “body” Element (hey)200
The “blockquote” Element (hey)199
The “bdi” Element (hey)198
,
The “b” Element (hey)197
Why HTML Has Both “<b/i>” and “<strong/em>”? (the)196
The “aside” Element (hey)195
,
The “address” Element (hey)194
The “abbr” Element (hey)193
,
The Anchor Element (hey)192
, , ,
Know the “search” Element (j9t)191
HTML Cheat Sheets: From Basics to Advanced Elements (kes/dhi)190
, , ,
Maybe Don’t Name That Landmark (aar)189
,
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)188
, , , ,
Using Footnotes (mfo)187
,
Level-Setting Heading Levels (aar)186
, , ,
When “Semantic Tokens” Are No Longer Semantic (nat)185
Tailwind Marketing and Misinformation Engine (tip)184
, , , ,
“X” Marks the Spot: Landmark Elements (stv)183
, , ,
A Call for Consensus on HTML Semantics (5t3)182
Basic Accessibility Mistakes I Often See in Audits (cfe)181
, , , , , ,
Buttons and Links—Common Misconceptions (cli)180
, , ,
The Implied Web (hws/mat)179
,
Are We Too Pedantic With Semantic (dis)178
,
The Road to HTMHell Is Paved With Semantics (pep/mat)177
,
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)176
, ,
The UX of HTML (vas/mat)175
,
Understanding HTML Landmarks and How to Apply Them (its/log)174
, ,
Truly Semantic (don)173
,
Removing List Styles Without Affecting Semantics (mat)172
, ,
Tailwind vs. Semantic CSS (tip)171
, , , ,
Select Element: Now With Horizontal Rules (una/dev)170
, , , , , , ,
An Intro to the “dialog” Element (cfe)169
, ,
Progressively Enhanced HTML Accordion (aar)168
, ,
A Blog Post With Every HTML Element (pat)167
I’m Betting on HTML166
I Blame the W3C’s HTML Standard for Ordered Lists (sid)165
,
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)164
Semantics and the “popover” Attribute: What to Use When? (hdv)163
, , ,
CSS Custom Properties Beyond the “:root” (mat)162
,
It’s Very Likely That… (mat)161
, ,
New HTML Element: “search” (alv)160
What Is Semantic HTML? (dav/a11)159
On-Page SEO Checklist: The Complete Task List for 2023 (rh/sem)158
, ,
Fighting Inter-Component HTML Bloat (eli)157
, ,
The “search” Element (sco)156
,
The H1 Conundrum: Understanding the Challenges of Heading Level One (art/dig)155
, ,
We Don’t Need “.visually-hidden” (den/web)154
, ,
50.1% Empty Links (mat)153
, , ,
ARIA vs. HTML (aar)152
, , ,
Representation of Style (ste)151
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)150
, ,
Buttons, Links, and Focus (tem)149
, , ,
An Introduction to HTML Cheat Sheet (mon)148
, ,
How to Write Semantic CSS (kev)147
, ,
Interop 2023 CMS Checkin (chr)146
, , , ,
Screen Readers Support for Text Level HTML Semantics (ste/tpg)145
, ,
If You Need a Link, Don’t Use a Button (tem)144
, , ,
Unordered Lists in Main Navigations (mat)143
, ,
Enforcing Better HTML Markup With Eleventy (nel/mat)142
, ,
A Problem With Link Relationships (j9t)141
, , ,
5 HTML Elements, and a Partridge in a Despair Tree (mat)140
,
Brief Note on Description List Support (aar)139
, , , ,
Reading the Meter (sup/mat)138
,
Landmarks and Where to Put Them (kil/mat)137
, ,
HTML Semantics and Accessibility Cheat Sheet (web)136
, ,
Newer Things to Know About Good Ol’ HTML Lists (mrd/css)135
,
HTML Content Model Categories (rus)134
The Shape-Shifting “a” Element (rus)133
,
The “label” Element (rus)132
,
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)131
, , ,
16 Rare HTML Tags You Really Should Know (gle/env)130
Structured Data (cyb+/htt)129
, , , , ,
A Little Semantic HTML Trick for React Components (raa)128
, , ,
Foundations: HTML Semantics (ihe/tet)127
, ,
When Going Somewhere Does a Thing: On Links and Buttons (kil)126
, , ,
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)125
,
How to (Not) Make a Button (pus)124
, , ,
Should I Use a Button or a Link? (ash)123
, ,
On Ratings and Meters (lea)122
,
One Year of Coding—Recommendations for Beginners From a Beginner (cre/vv)121
,
“<article>” vs. “<section>”: How to Choose the Right One (shu/sma)120
,
Roundup of Recent Document Outline Chatter (geo/css)119
,
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)118
, , ,
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)117
, ,
Perceived Affordances and the Functionality Mismatch (tin)116
,
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)115
,
How to Use Headings for Website Accessibility (usa)114
, ,
Aspects of Accessibility—Semantics, Contrast, and… Anxiety? (sar)113
, , ,
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers (pau/lam)112
, , ,
Divs Are Bad! (mat)111
What’s Your Heading? (tod)110
, ,
Non-Interactive Elements With the “inert” Attribute (the/web)109
,
Plain Old Semantic HTML: A Perfect Basis for Accessibility (boi)108
,
Does Valid and Semantic HTML Still Matter? (ben+/wor)107
, ,
Title Rewrites: 3 Patterns to Avoid (dr/moz)106
, ,
Those HTML Elements You Never Use (elu)105
12 Years Beyond a HTML Joke (ste)104
Should “Cancel” Be a Button or a Link? (kar/uxd)103
, ,
HTML Semantics (cfe)102
It Needs to Map Back to a Role (eri)101
, ,
Foundations: Headings (ihe/tet)100
, , ,
Column Headers and Browser Support (aar)99
,
Colors That Make Sense (sly/get)98
,
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)97
,
Replace JavaScript Dialogs With the New HTML Dialog Element (mad/css)96
,
HTML Cheat Sheet—HTML Elements List Reference (ihe/fre)95
, ,
4 Questions to Ask Before Using ARIA (boi)94
, ,
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)93
,
Div Divisiveness (sco)92
Show, Don’t Tell (mel/css)91
,
HTML Cheat Sheet (pra/jav)90
, ,
How to Define Your Relationship to Sites You Link To (ste)89
, , ,
Details/Summary (5t3)88
Semantics and How to Get Them Right (hdv/btc)87
, ,
Design Systems, Structured Content, and Headless Publishing (amy)86
, ,
Semantic “menu” Context (sco)85
Buttons vs. Links (yat)84
, , ,
HTML Cheatsheet (fec)83
, ,
Use the “i” Element, and Use It Appropriately (j9t)82
Not Your Typical Horizontal Rules (sar)81
HTML: The 16 Content Categories and Their Elements (j9t)80
Why You Should Choose HTML5 “article” Over “section” (bru/sma)79
,
Conversational Semantics (aar/btc)78
, ,
Conversational Semantics (aar/ali)77
,
A Developer’s Guide to Better Accessibility (a11+/24a)76
, , , , ,
Writing JavaScript With Accessibility in Mind (mat/sit)75
, , , ,
HTML5 Page Structure Basics (lou/sit)74
,
What’s New in HTML 5.1 (sit)73
Meaningful CSS: Style Like You Mean It (tba/ali)72
,
Do You Know These Eight HTML5 Tags? (src/sit)71
No Good Can Come of Bad Code (zel/ali)70
, ,
A Vision of Web Development (j9t)69
, , ,
10 Typical HTML Interview Exercises (aur/sit)68
, , ,
HTML5 Forms: The Markup (cra/sit)67
,
A Q&A on the Picture Element (yoa+/ali)66
, , ,
The Battle for the Body Field (eat/ali)65
, ,
10 HTML Tags You May Not Be Using (aur/sit)64
The HTML5 “meter” Element (pan/css)63
,
HTML Table Element Guide (chr/css)62
, , ,
A Look at the HTML5 “nav” Element (sit)61
,
Semantic CSS With Intelligent Selectors (hey/sma)60
, ,
Introducing the New HTML5 “<main>” Element (cra/sit)59
,
HTML for Icon Font Usage (chr/css)58
, ,
Getting Started in HTML5 (pct)57
, , , ,
Sexy New HTML5 Semantics (bru/sma)56
Pursuing Semantic Value (ada/sma)55
Our Pointless Pursuit of Semantic Value (div/sma)54
The Hidden Nuggets of WCAG2: Information Relationships (gia/sit)53
, ,
On Semantics in HTML (j9t)52
Learning to Love HTML5 (lou/sma)51
When (and When Not to) Use an Anchor Tag? (chr/css)50
,
What Makes for a Semantic Class Name? (chr/css)49
, , , ,
Making Forms Fabulous With HTML5 (jan/dev)48
, ,
Don’t Forget About HTML5’s “Little Guys” (lou/sit)47
Exploring Markup for Breadcrumbs (chr/css)46
,
microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets (tan/mic)45
, ,
Are You Ready for HTML 5?44
, , , ,
Value Class Pattern (tan/mic)43
,
A Big Day for Microformats (tka)42
,
Semantic Technologies Should Be Personal (tan)41
Table Layouts vs. Div Layouts: From Hell to… Hell? (gei/sma)40
, , ,
Our Yearly Reminder of What It’s All About (jch)39
, ,
The 5 Most Under-Used HTML Tags (cra/sit)38
Semantics in HTML 5 (joh/ali)37
Design Rants (dav)36
, , ,
A Preview of HTML 5 (lac/ali)35
,
What Beautiful HTML Code Looks Like (chr/css)34
, , ,
At What Point Do Semantics Not Apply? (jch)33
,
Microformats: More Meaning From Your Markup (bri/sit)32
,
Web Standards Do—the Way of Web Standards (oli/w3c)31
, , , , , , , , , , ,
The “<b>” and “<i>” Elements (lac)30
HTML: The Top 5 Forgotten Elements (mat/sit)29
Standards, Semantics, Accessibility, and HTML Email (jch)28
, , ,
Bulletproof HTML: 37 Steps to Perfect Markup (sit)27
, , , , ,
Long Live the Q Tag (ali)26
“dl”, “dt”, and “dd” Markup (ann)25
First Annual Naked Day: April 0524
, ,
Semantic Image Use (jch)23
, , ,
Building Open Textual Content on HTML (tan/mic)22
, ,
Rel vs. Rev (mic)21
, , ,
Class Attributes Are About More Than Styling (mic)20
,
Why Generic XML on the Web Is a Bad Idea (ann)19
,
Who Cares About Semantics Anyway? (dav)18
,
Questions on XHTML2 (ann)17
Semantic Markup (ann)16
<div style='font-weight: bold'>Lost Cause</div> (hix)15
The Four Essentials of Modern Web Design (sit)14
, , , ,
Link Relationships (lac)13
, ,
Atom (or Web Syndication) (ann)12
,
Semantics: A New Beginning?11
HTML: More Structural Than Semantic (sim)10
Semantic Markup (scr)9
,
Standards Don’t Necessarily Have Anything to Do With Being Semantically Correct (kot)8
, , , ,
Semantics and Bad Code (dav)7
, ,
On Standards and Semantics (sto)6
,
Tantek’s Markup Challenge (sim)5
Why Semantic Markup Is So Important (hix)4
, ,
Markup Challenge: aaronsw.com (hix)3
,
Valid Garbage In, Valid Garbage Out: Answers (hix)2
,
Using Standard HTML (tim)1
,