This morning, for one reason or another, I decided to have a go at coding up a page without using any IDs or classes in my markup, and therefore none in my CSS. I’m not sure why I tried it, I guess I just did… In order to make it a fairly painless job I dove straight into the browser and coded up a simple header, footer, two column layout. View the demo and be sure to view the source.
CSS Wizardry posts tagged ‘Semantics’
Building sites without using IDs or classes
April 7th, 2010
By Harry RobertsTags: CSS, CSS3, HTML, Semantics
. Posted in Web Development | 33 Comments »
A reconsideration—in defence of <b> and <i> (or: people fear what they don’t understand)
January 26th, 2010
The other day, I got to thinking about the HTML elements <b> and <i>, and wondered if they were still viably usable in production code. I’ve personally never used them before but I was aware that they existed and were still very much valid XHTML markup (even in the Strict DOCTYPE!). Wondering whether I’d avoided two elements for three years unnecessarily, I did some digging.
What the facts state
<b> and <i> are still valid, and as XHTML is just an XML serialisation of HTML, pretty much all the elements apparent in the HTML spec are true of the XHTML spec too—it is, pretty much, just the way in which these elements are written that makes them different in XHTML.
With the help of @smashingmag I turned to Twitter and my knowledgeable followers and asked the question:
“Using <i> and <b> in (valid) XHTML (strict)… your thoughts on this would be much appreciated. #upcomingBlogPost Cheers all!” @csswizardry
By Harry RobertsTags: HTML, Semantics, Web Standards
. Posted in Web Development | 15 Comments »
A suitable alternative—on proper use of alt attributes
January 26th, 2010
Images in HTML come with a mandatory attribute used to textually describe the information displayed visually through the image. The alt attribute (not tag) is used by screenreaders etc to tell users who can’t view the actual image what it represents. It is also used in any circumstance where images can’t be loaded (slow connections, broken URIs etc).
By Harry RobertsTags: Accessibility, Images, Semantics
. Posted in Web Development | 3 Comments »
Typographic work planner
December 22nd, 2009
No one likes being told what to do, especially if it’s work related, but nevertheless jobs need done. Why present boring stuff in a boring way? If you’re going to be told what to do, at least soften the blow by being told nicely. Enter this, a little HTML/CSS typographic work planner. By using some super-semantic HTML and a dash of CSS you can craft a beautiful looking yet incredibly simple work planner for you and your staff.
By Harry RobertsTags: CSS, CSS3, Design, Development, HTML, Semantics
. Posted in Web Development | 27 Comments »