Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
semantics

29 Articles
{
,

}
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

Direct Link

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
Shared by 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)

Direct Link

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
Shared by 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

Direct Link

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
Shared by 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
Direct link to the article HTML Inputs and Labels: A Love Story
accessibility forms inputs labels semantics

HTML Inputs and Labels: A Love Story

Most inputs have something in common — they are happiest with a companion label! And the happiness doesn’t stop there. Forms with proper inputs and labels are much easier for people to use and that makes people happy too.…

Avatar of Amber Wilson
Amber Wilson on Mar 30, 2021 (Updated on Apr 2, 2021)
Direct link to the article Copyediting with Semantic HTML
copywriting semantics

Copyediting with Semantic HTML

Tracking changes is a quintessential copyediting feature for comparing versions of content. While we’re used to tracking changes in a word processing document, we actually have HTML elements capable of that. There are a lot of elements that we can …

Avatar of John Rhea
John Rhea on Nov 17, 2020 (Updated on Nov 18, 2020)
Direct link to the article Why Do Some HTML Elements Become Deprecated?
html elements semantics

Why Do Some HTML Elements Become Deprecated?

The internet has been around for a long while, and over time we’ve changed the way we think about web design. Many old techniques and ways of doing things have gotten phased out as newer and better alternatives have been …

Avatar of Ryan Grist
Ryan Grist on Apr 2, 2020
  • 1
  • 2
  • 3
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
  • The Greatest CSS Tricks
Contact
  • Email
  • Guest Writing
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top