HTML 4.01 ELEMENTER ER OGSÅ SEMANTISKE!

Det er godt at bruge de nye "semantiske" elementer i HTML 5.0, men husk at de 'gamle' HTML tags - som man jo stadig bruger hele tiden - er også semantiske. Bortset fra et par særlige undtagelser, opfundet netop for at have et enkelt block element, og et enkelt inline element, som netop er semantisk helt neutrale. Vi har f.eks. tidligere mødt følgende:

Block elementer:

Inline Elementer:


ANDRE HTML 4.01 ELEMENTER

..som stadig er nyttige, især for screenreaders, søgemaskiner osv.

Discussions over the importance of semantics are happening all the time, and every so often there’s an uproar over specific articles on the subject. Divya Manian caused a stir in her Smashing Magazine article <cite> Our Pointless Pursuit Of Semantic Value in November 2011, in which she argued we have become too caught up in trying to use HTML5′s semantics, and that the benefits aren’t worth it:

<blockquote>
Allow me to paint a picture: You are busy creating a website. You have a thought, “Oh, now I have to add an element.” Then another thought, “I feel so guilty adding a div. Div-itis is terrible, I hear.” Then, “I should use something else. The aside element might be appropriate.” Three searches and five articles later, you’re fairly confident that aside is not semantically correct. You decide on article, because at least it’s not a div. You’ve wasted 40 minutes, with no tangible benefit to show for it. — Divya Manian

This generated a storm of responses. Jeremy Keith concludes: <blockquote>

But if you can get past the blustery tone and get to the kernel of the article, it’s a fairly straightforward message: don’t get too hung up on semantics to the detriment of other important facets of web development.

When I first met fellow HTML5 Doctor Bruce Lawson, I asked him this question: <q> If we have elements like <article>, why don’t we have one for products of a shop? I understand more about HTML now than I did then, but at the time it seemed like a very logical element to add.

NB: In HTML5, the <cite> tag defines the title of a work.

Image maps
<map> & <area> Article? Why not zoidberg? article? Why not zoidberg?

<pre> & <code>

h1{
  text-align:center; 
}
        

<abbr>

W3C er en god ting.