Frontend Dogma

“semantics” Archive

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

Featured on Frontend Dogma? Confirm and whitelist your domain.

  1. On-Page SEO Checklist: The Complete Task List for 2025 (via) · · , ,
  2. The Semantic Interface Palette Is Simple (via) · · , ,
  3. The “br” Element (by) · ·
  4. The “button” Element (by) · · , ,
  5. The “body” Element (by) · ·
  6. The “blockquote” Element (by) · ·
  7. The “bdi” Element (by) · · ,
  8. The “b” Element (by) · ·
  9. Why HTML Has Both “<b/i>” and “<strong/em>”? (by) · ·
  10. The “aside” Element (by) · · ,
  11. The “address” Element (by) · ·
  12. The “abbr” Element (by) · · ,
  13. The Anchor Element (by) · · , , ,
  14. Know the “search” Element (by) · ·
  15. Maybe Don’t Name That Landmark (by) · · ,
  16. Semantic Code in HTML: What Is It and Does It Still Matter? (by) · · , , , ,
  17. Using Footnotes (by) · · ,
  18. Level-Setting Heading Levels (by) · · , , ,
  19. When “Semantic Tokens” Are No Longer Semantic (by) · ·
  20. Tailwind Marketing and Misinformation Engine (by) · · , , , ,
  21. “X” Marks the Spot: Landmark Elements (by) · · , , ,
  22. A Call for Consensus on HTML Semantics (by) · ·
  23. Basic Accessibility Mistakes I Often See in Audits (by) · · , , , , , ,
  24. Buttons and Links—Common Misconceptions (by) · · , , ,
  25. The Implied Web (by/via) · · ,
  26. Are We Too Pedantic With Semantic (by) · · ,
  27. The Road to HTMHell Is Paved With Semantics (by/via) · · ,
  28. Revisiting Fundamentals—Semantic Lists for Improved Accessibility (by/via) · · , ,
  29. The UX of HTML (by/via) · · ,
  30. Understanding HTML Landmarks and How to Apply Them (by/via) · · , ,
  31. Truly Semantic (by) · · ,
  32. Removing List Styles Without Affecting Semantics (by) · · , ,
  33. Select Element: Now With Horizontal Rules (by/via) · · , , , , , , ,
  34. Tailwind vs. Semantic CSS (by) · · , , , ,
  35. An Intro to the “dialog” Element (by) · · , ,
  36. Progressively Enhanced HTML Accordion (by) · · , ,
  37. A Blog Post With Every HTML Element (by) · ·
  38. I’m Betting on HTML · ·
  39. I Blame the W3C’s HTML Standard for Ordered Lists (by) · ·
  40. Semantic Code in HTML: What Is It and Does It Still Matter? (by) · ·
  41. Semantics and the “popover” Attribute: What to Use When? (by) · · , ,
  42. CSS Custom Properties Beyond the “:root” (by) · · ,
  43. It’s Very Likely That… (by) · · , ,
  44. New HTML Element: “search” (by) · ·
  45. What Is Semantic HTML? (by/via) · ·
  46. On-Page SEO Checklist: The Complete Task List for 2023 (by/via) · · , ,
  47. Fighting Inter-Component HTML Bloat (by) · · , ,
  48. The “search” Element (by) · · ,
  49. The H1 Conundrum: Understanding the Challenges of Heading Level One (by/via) · · , ,
  50. We Don’t Need “.visually-hidden” (by/via) · · , ,
  51. 50.1% Empty Links (by) · · , , ,
  52. ARIA vs. HTML (by) · · , , ,
  53. Representation of Style (by) · ·
  54. Screen Readers Don’t Convey the Semantics of “strong” and “em” (by) · · , , ,
  55. Buttons, Links, and Focus (by) · · , , ,
  56. How to Write Semantic CSS (by) · · , ,
  57. Interop 2023 CMS Checkin (by) · · , , , ,
  58. Screen Readers Support for Text Level HTML Semantics (by/via) · · , , ,
  59. If You Need a Link, Don’t Use a Button (by) · · , , ,
  60. Unordered Lists in Main Navigations (by) · · ,
  61. Enforcing Better HTML Markup With Eleventy (by/via) · · , ,
  62. A Problem With Link Relationships (by) · · , , ,
  63. 5 HTML Elements, and a Partridge in a Despair Tree (via) · · ,
  64. Reading the Meter (by/via) · · ,
  65. Brief Note on Description List Support (by) · · , , ,
  66. Landmarks and Where to Put Them (by/via) · · , ,
  67. HTML Semantics and Accessibility Cheat Sheet (via) · · , ,
  68. Newer Things to Know About Good Ol’ HTML Lists (by/via) · ·
  69. HTML Content Model Categories (by) · ·
  70. The Shape-Shifting “a” Element (by) · · ,
  71. The “label” Element (by) · · ,
  72. Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (by) · · , , ,
  73. 16 Rare HTML Tags You Really Should Know (by/via) · ·
  74. Structured Data (by+/via) · · , , , , ,
  75. A Little Semantic HTML Trick for React Components (by) · · , , ,
  76. Foundations: HTML Semantics (by/via) · · , ,
  77. When Going Somewhere Does a Thing: On Links and Buttons (by) · · , , ,
  78. A “details” Element as a Burger Menu Is Not Accessible (by/via) · · ,
  79. How to (Not) Make a Button (by) · · , , ,
  80. Should I Use a Button or a Link? (by) · · , ,
  81. On Ratings and Meters (by) · · ,
  82. One Year of Coding—Recommendations for Beginners From a Beginner (by/via) · · ,
  83. “<article>” vs. “<section>”: How to Choose the Right One (by/via) · · ,
  84. Roundup of Recent Document Outline Chatter (by/via) · · ,
  85. Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (by/via) · · , , ,
  86. Perceived Affordances and the Functionality Mismatch (by) · · ,
  87. What Is the Best Way to Mark Up an Exclusive Button Group? (by) · · , ,
  88. Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (by) · · ,
  89. How to Use Headings for Website Accessibility (via) · · , ,
  90. Aspects of Accessibility—Semantics, Contrast, and… Anxiety? (by) · · , , ,
  91. Divs Are Bad! (by) · ·
  92. What’s Your Heading? (by) · · , ,
  93. Plain Old Semantic HTML: A Perfect Basis for Accessibility (via) · · ,
  94. Non-Interactive Elements With the “inert” Attribute (by/via) · ·
  95. Does Valid and Semantic HTML Still Matter? (by+/via) · · , ,
  96. Title Rewrites: 3 Patterns to Avoid (by/via) · · , ,
  97. Those HTML Elements You Never Use (by) · ·
  98. 12 Years Beyond a HTML Joke (by) · ·
  99. Should “Cancel” Be a Button or a Link? (by/via) · · , ,
  100. HTML Semantics (by) · ·
  101. It Needs to Map Back to a Role (by) · · , ,
  102. Foundations: Headings (by/via) · · , , ,
  103. Column Headers and Browser Support (by) · · ,
  104. Colors That Make Sense (by/via) · · ,
  105. Why Radio Buttons Are Called Radio Buttons in UIs? (by) · · ,
  106. Replace JavaScript Dialogs With the New HTML Dialog Element (by/via) · · ,
  107. 4 Questions to Ask Before Using ARIA (via) · · , ,
  108. More to Give Than Just the Div: Semantics and How to Get Them Right (by) · · ,
  109. Div Divisiveness (by) · ·
  110. Show, Don’t Tell (by/via) · · ,
  111. How to Define Your Relationship to Sites You Link To (by) · · , , ,
  112. Details/Summary (by) · ·
  113. Semantics and How to Get Them Right (by/via) · · , ,
  114. Design Systems, Structured Content, and Headless Publishing (by) · · , ,
  115. Semantic “menu” Context (by) · ·
  116. Buttons vs. Links (by) · · , , ,
  117. Use the “i” Element, and Use It Appropriately (by) · ·
  118. Not Your Typical Horizontal Rules (by) · ·
  119. HTML: The 16 Content Categories and Their Elements (by) · ·
  120. Why You Should Choose HTML5 “article” Over “section” (by/via) · · ,
  121. Conversational Semantics (by/via) · · , ,
  122. Conversational Semantics (by/via) · · ,
  123. A Developer’s Guide to Better Accessibility (by+/via) · · , , , , ,
  124. Writing JavaScript With Accessibility in Mind (by/via) · · , , , ,
  125. HTML5 Page Structure Basics (by/via) · · ,
  126. What’s New in HTML 5.1 (via) · ·
  127. Meaningful CSS: Style Like You Mean It (by/via) · · ,
  128. Do You Know These Eight HTML5 Tags? (by/via) · ·
  129. No Good Can Come of Bad Code (by/via) · · , ,
  130. A Vision of Web Development (by) · · , , ,
  131. 10 Typical HTML Interview Exercises (by/via) · · , , ,
  132. HTML5 Forms: The Markup (by/via) · · ,
  133. A Q&A on the Picture Element (by+/via) · · , , ,
  134. The Battle for the Body Field (by/via) · · , ,
  135. 10 HTML Tags You May Not Be Using (by/via) · ·
  136. A Look at the HTML5 “nav” Element (via) · · ,
  137. Semantic CSS With Intelligent Selectors (by/via) · · , ,
  138. Introducing the New HTML5 “<main>” Element (by/via) · · ,
  139. Sexy New HTML5 Semantics (by/via) · ·
  140. Pursuing Semantic Value (by/via) · ·
  141. Our Pointless Pursuit of Semantic Value (by/via) · ·
  142. The Hidden Nuggets of WCAG2: Information Relationships (by/via) · · , ,
  143. On Semantics in HTML (by) · ·
  144. Learning to Love HTML5 (by/via) · ·
  145. Making Forms Fabulous With HTML5 (by/via) · · , ,
  146. Don’t Forget About HTML5’s “Little Guys” (by/via) · ·
  147. Table Layouts vs. Div Layouts: From Hell to… Hell? (by/via) · · , , ,
  148. Our Yearly Reminder of What It’s All About (by) · · , ,
  149. The 5 Most Under-Used HTML Tags (by/via) · ·
  150. Semantics in HTML 5 (by/via) · ·
  151. Design Rants (by) · · , , ,
  152. A Preview of HTML 5 (by/via) · · ,
  153. At What Point Do Semantics Not Apply? (by) · · ,
  154. Microformats: More Meaning From Your Markup (by/via) · · ,
  155. The “<b>” and “<i>” Elements (by) · ·
  156. HTML: The Top 5 Forgotten Elements (by/via) · ·
  157. Standards, Semantics, Accessibility, and HTML Email (by) · · , , ,
  158. Bulletproof HTML: 37 Steps to Perfect Markup (via) · · , , , , ,
  159. Long Live the Q Tag (via) · ·
  160. “dl”, “dt”, and “dd” Markup (by) · ·
  161. First Annual Naked Day: April 05 · · , ,
  162. Semantic Image Use (by) · · , , ,
  163. Why Generic XML on the Web Is a Bad Idea (by) · · ,
  164. Who Cares About Semantics Anyway? (by) · · ,
  165. Questions on XHTML2 (by) · ·
  166. Semantic Markup (by) · ·
  167. <div style='font-weight: bold'>Lost Cause</div> (by) · ·
  168. The Four Essentials of Modern Web Design (via) · · , , ,
  169. Link Relationships (by) · · , ,
  170. Atom (or Web Syndication) (by) · · ,
  171. HTML: More Structural Than Semantic (by) · ·
  172. Semantic Markup (by) · · ,
  173. Standards Don’t Necessarily Have Anything to Do With Being Semantically Correct (by) · · , , , ,
  174. Semantics and Bad Code (by) · · , ,
  175. On Standards and Semantics (by) · · ,
  176. Tantek’s Markup Challenge (by) · ·
  177. Why Semantic Markup Is So Important (by) · · , ,
  178. Markup Challenge: aaronsw.com (by) · · ,
  179. Valid Garbage In, Valid Garbage Out: Answers (by) · · ,
  180. Using Standard HTML (by) · · ,