
By Harry Roberts
Harry Roberts is an independent
consultant web performance engineer. He helps
companies of all shapes and sizes find and fix site speed issues.
Written by Harry Roberts on CSS Wizardry.
This article is only a small one, and to the vast majority it won’t be of much use, but I’m still astounded that today, in 2011, professional web designers and developers are still making this fundamental mistake. The difference between HTML elements, tags and attributes.
An element is a single ‘chunk’ of code comprising of an opening and closing tag.
This is a div
element. Not a div
tag.
Some elements have only one, self-closing tag:
![]()
Tags are the bits that make up elements.
An attribute is a piece of code attached to a tag which supplies additional information:
class="some-class">This is a div element
This is an attribute.
So, when people say ‘I’ve used alt
tags’, they haven’t; they’ve used alt
attributes.
When people say ‘Don’t use tables, use div
tags.’ they mean use div
elements.
When people say ‘mark important text up in a strong
tag’ they mean mark important text up in a strong
element (made up of two strong
tags).
|<-- --element-- -->|
Element content
This is probably really very basic for the majority of you, so apologies, but it really winds me up when I see developers making this mistake. Still.
Harry Roberts is an independent
consultant web performance engineer. He helps
companies of all shapes and sizes find and fix site speed issues.
Hi there, I’m Harry Roberts. I am an award-winning
Consultant Web Performance Engineer, designer, developer,
writer, and speaker from the UK. I write, Tweet, speak, and share code about measuring and
improving site-speed. You should hire me.
Leave a Reply