Tags: semantics

Using Encapsulation for Semantic Markup on CSS-Tricks

I really hope that this is the kind of usage we’ll see for web components: enhancements for the browsers that support them without a good ol’ fashioned fallback for older browsers.

Confessions Of A CSS Expert

Funny because it’s true:

The thing I regret the most is how my class addiction affected my relationship with HTML.

Long Term Web Semantics on Infrequently Noted

Alex starts with a bit of a rant about the phrase “semantic HTML”, which should really just be “well-written HTML, but there then follows some excellent thoughts on the emergence of meaning and the process of standardising on vocabularies.

cite and blockquote – reloaded | HTML5 Doctor

The definition of the cite element (and the blockquote element) has been changed for the better in HTML5 …at least in the W3C version anyway.

Bruce Lawson’s personal site  : On citing quotations. Again.

The semantics of the cite element are up for discussion again. Bruce, like myself, still thinks that we should be allowed to mark up names with the cite element (as per HTML 4), and also that cite elements should be allowed inside blockquotes to indicate the source of the quote.

Let’s pave that cowpath.

The importance of HTML5 sectioning elements by Heydon Pickering

A good explanation of HTML5’s sectioning content and outline algorithm.

Why you should say HTML classes, CSS class selectors, or CSS pseudo-classes, but not CSS classes - Tantek

I love that Tantek is as pedantic as I am …although I don’t think “pedantic” is exactly the right word.

Bruce Lawson’s personal site  : Scooby Doo and the proposed HTML5 element

Bruce’s thoughts on the proposed inclusion of a “content” or “maincontent” element in HTML5.

Personally, I don’t think there’s much point in adding a new element when there’s an existing attribute (role=”main”) that does exactly the same thing.

Also, I don’t see much point in adding an element that can only be used once and only once in a document. However, if a “content” or “maincontent” element could be used inside any sectioning content (section, article, nav, aside), then I could see it being far more useful.

Classes? Where We’re Going, We Don’t Need Classes! | Smashing Coding

This is a well-reasoned, thoughtful article on avoiding class names in CSS …but I don’t agree with it. That said, perhaps there’s a reasonable middle ground to be found between this extreme stance and the opposite (but in some ways just as extreme) stance of OOCSS.

About HTML semantics and front-end architecture – Nicolas Gallagher

An in-depth look at naming patterns for classes to help streamline CSS.

» Of Grids, Class Names, Responsiveness, and Lifecycles Bits Pushed Around

The thought process behind trying to abstract class names that are used for layout in responsive designs (and can therefore refer to different widths depending on the context). Here, the author settles on letters. In the past, I’ve approached the same kind of abstraction by using latinised names.

Confusion over HTML5 & WAI-ARIA | Karl Groves

This helps to clarify the difference between native semantics and ARIA additions.

HTML5 semantics and accessibility | The Paciello Group Blog

This is a great response to my recent post about semantics in HTML. Steve explores the accessibility implications. I heartily concur with his rallying cry at the end:

Get involved!

Goodbye time, datetime, and pubdate. Hello data and value. | HTML5 Doctor

A very even-handed look at the time and data debacle in HTML5.

Why No Time?

A single-serving website expressing the frustration and bewilderment at Hixie’s unilateral decision to drop the time element from HTML.

Stubbornella » Blog Archive » Don’t Style Headings Using HTML5 Sections

Nicole provides a step-by-step explanation of why it will probably benefit you to add classes to your headings to ensure consistent styling without writing overly-verbose CSS.

HTML5 And The Document Outlining Algorithm - Smashing Magazine

A brave attempt to explain the new outline algorithm in HTML (although it inaccurately states that no browsers have support for it—Firefox shipped with it a while back).

You can safely skip the comments: most of them are discouraging, ignorant, and frankly, just plain stupid.

The Tink Tank » Marking up the current page with HTML5 links

Leonie points to a change in the semantics of the a element in HTML5 that could be very handy for accessible navigation.

Avoiding common HTML5 mistakes | HTML5 Doctor

A great round-up by Richard of some of the most common semantic pitfalls encountered with HTML5.

[whatwg] The blockquote element spec vs common quoting practices

I’m getting behind Oli’s proposal to allow non-quoted footers within blockquotes in HTML. Here’s where I quote the design principles to support his case.

Examples of blockquote metadata ❧ Oli.jp (@boblet)

Now this is how you make progress on getting changes made to a spec: by documenting real-world use cases.

Quoting and citing with blockquote, q, cite, and the cite attribute | HTML5 Doctor

An excellent article from Oli on markup patterns for quotations …though I still think that the cite element can be used for people’s names.

The hgroup hokey cokey | HTML5 Doctor

A good round-up by Jack Osborne of where things currently stand with the hgroup group.

HTML(5) and text-level semantics — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts

A great round-up of some of the humbler new elements in HTML.

accessifyhtml5.js at master from yatil’s accessifyhtml5.js - GitHub

A great little jQuery script to automatically assign ARIA roles to HTML5 elements with the corresponding semantics.

FUMSI Article: Microformats: Digging Deeper into the Web

A nice, neat, short introduction to microformats from Ben.

Article vs. Section: We've Finally Gone Mad - Opinions - MIX Online

A great post from the frontline of markup. This is just a taste of the confusion to come.

The Beauty of Semantic Markup, Part 2: strong, b, em, i ~ A Blog Not Limited

A great bit of research from Emily. She correctly values data more than opinion.

fberriman » hgroups and sub-titles

Frances takes issue with the hgroup element in HTML5.

Daniel Mall: Mark

Dan has an idea for a possible application of the HTML5 mark element in navigation lists.

ChangeProposals/KeepNewElements - HTML WG Wiki

An excellently written zero-edit change proposal from Edward O'Connor and others, refuting issues raised by Shelley Powers (I offered to help with this change proposal but I never followed through).

Bruce Lawson’s personal site : HTML5 articles and sections: what’s the difference?

Bruce gives a good explanation of the difference between section and article in HTML5.

HTML 5 Super Friends

My buddies and I express our support for HTML5 ...with caveats ...and unicorns.

The HTML5 Semantics Debate - Opinions - MIX Online

A thoughtful piece on the question of extensibility in HTML5.

HTML5 structure—HTML4 and XHTML1 to HTML5 ・ @boblet | random notes

Oli gives a nice hands-on tutorial on using the new structural elements in HTML 5.

Tokenising the semantic web | webBackplane

A nice description of RDFa ...but once, just once, I would like to see someone use an example that *isn't* contact details or events—situations already handled by microformats.

Official Google Webmaster Central Blog: Specify your canonical

There's a new rel value in town: "canonical". It looks like an awful lot like "bookmark".

Getting Semantic With Microformats, Part 4: hCalendar ~ A Blog Not Limited

A good, detailed hands-on article about implementing hCalendar.

Getting Semantic With Microformats, Part 1: rel ~ A Blog Not Limited

A great article by Emily Lewis on the microformats that make use of the rel attribute (rel-tag, rel-license, XFN, etc.).

Eric's Archived Thoughts: The Missing Link

An excellent passionate call to action by Eric explaining why the href attribute should be freed from the shackles of the anchor element.

font is dead, vive le style - W3C Q&A Weblog

About freakin' time! The FONT element, whose presence until now in HTML5 was an utter embarrassment to all concerned, is finally gone. Thanks, Hixie.

Microformats: More Meaning from Your Markup [HTML & XHTML Tutorials]

Great article from Brian ranging from introducing microformats right up to the current state of play.

microformatique - a blog about microformats and “data at the edges” : Semantics in HTML Part III - Towards a semantic web

John Allsopp has posted the third and final part of his superb series, Semantics in HTML. Read them all.

Semantics in HTML Part II - standardizing vocabularies at microformatique - a blog about microformats and “data at the edges”

The second part of John Allsopp's superb series on semantics, philosophy and markup. Don't miss it! And be sure to go back and read the first part, too.

Ben Ward » FAO: RDF

Ben's thoughts on RDF and microformats, prompted by last weekend's BarCamp shenanigans.

Semantics in HTML - 1.”traditional semantic HTML” at microformatique - a blog about microformats and “data at the edges”

A superb article by John Allsopp on semantics in the broad sense, from philosophy and linguistics right through to markup. And this is just part one! Read, enjoy, and prepare for part two.

Wordie

Like Flickr, but without the photos. This, I like.

Powazek: Just a Thought: Death to User-Generated Content

Derek hits the nail on the head. User-generated content is such a cold, cold term.

What is semantics?

Joe asked a bunch of us to define semantics. Mine is the facetious definition.