Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
semantics

32 Articles
{
,

}
Web Form Accessibility with focus-within
Direct link to the article Accessible Forms with Pseudo Classes
accessibility CSS focus forms HTML semantics

Accessible Forms with Pseudo Classes

Hey all you wonderful developers out there! In this post, I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo class known as :focus-within. The :focus-within class allows for …

Avatar of Chris DeMars
Chris DeMars on Mar 22, 2024 (Updated on Mar 29, 2024)
Direct link to the article The Double Emphasis Thing
emphasis italic semantics

The Double Emphasis Thing

I used to have this boss who loved, loved, loved, loved to emphasize words. This was way back before we used a WYSIWYG editors and I’d have to handcode that crap.

<pI used to have this 
…
Avatar of Geoff Graham
Geoff Graham on Feb 6, 2023
Direct link to the article Roundup of Recent Document Outline Chatter
accessibility document outline headers HTML semantics

Roundup of Recent Document Outline Chatter

It’s not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged removal of the document outline algorithm in the WHATWG Living Standard.

First off, you should know …

Avatar of Geoff Graham
Geoff Graham on Jul 21, 2022 (Updated on Jul 25, 2022)
Direct link to the article Write HTML, the HTML Way (Not the XHTML Way)
HTML semantics

Write HTML, the HTML Way (Not the XHTML Way)

You may not use XHTML (anymore), but when you write HTML, you may be more influenced by XHTML than you think. You are very likely writing HTML, the XHTML way.

What is the XHTML way of writing HTML, and what …

Avatar of Jens Oliver Meiert
Jens Oliver Meiert on Mar 21, 2022
Direct link to the article Semantic menu context
HTML menu semantics

Semantic menu context

Scott digs into the history of the <menu> element. He traced it as far back as HTML 2 (!) in a 1994 changelog. The vibe then, it seems, was to mark up a list. I would suspect the intention …

Avatar of Chris Coyier
Chris Coyier on Nov 11, 2021
Direct link to the article enterkeyhint
forms semantics

enterkeyhint

I only just recently learned the enterkeyhint attribute on form inputs was a thing! It seems like kind of a big deal to me, as crafting HTML form markup is a decent slice of a front-end developer’s life, and this …

Avatar of Chris Coyier
Chris Coyier on Nov 5, 2021
Direct link to the article Can Include (a Certain HTML element within another Certain HTML Element)
semantics

Can Include (a Certain HTML element within another Certain HTML Element)

A single-serving website from Alexander Vishnyakov for testing if it’s valid to put any particular HTML element within another type of HTML element. Kinda neat to have a quick reference for this.

Some combinations feel fairly obvious: can you put …

Avatar of Chris Coyier
Chris Coyier on Oct 22, 2021
Direct link to the article Twitter’s div Soup and Uglyfied CSS, Explained
semantics

Twitter’s div Soup and Uglyfied CSS, Explained

When I came up in web development (2005-2010 were formative years for me), one of the first lessons I learned was to have a clean foundation of HTML. “What Beautiful HTML Code Looks Like” is actually one of the most …

Avatar of Chris Coyier
Chris Coyier on Sep 22, 2021
Direct link to the article On the `dl`
definition list semantics

On the `dl`

Blogging about HTML elements¹? *chefs kiss*

Here’s Ben Myers on the (aptly described) “underrated” Definition List (<dl>) element in HTML:

You might have also seen lists of name–value pairs to describe lodging amenities, or to list

…
Avatar of Chris Coyier
Chris Coyier on Sep 14, 2021
Direct link to the article Web Features That May Not Work As You’d Expect
cross-platform semantics standards

Web Features That May Not Work As You’d Expect

As the web gets more and more capable, developers are able to make richer online experiences. There are times, however, where some new web capabilities may not work as you would expect in the interest of usability, security and privacy.…

Avatar of Farai Gandiya
Farai Gandiya on Jul 23, 2021
Direct link to the article The Web’s Worst Default
semantics

The Web’s Worst Default

There are a lot of great defaults when it comes to browsers and the web. Think about all the accessibility features that are baked into HTML so that you don’t have to do weird stuff, like this example from Manuel…

Avatar of Robin Rendle
Robin Rendle on Jul 7, 2021
  • 1
  • 2
  • 3
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top