Jump to content
Lizard Wizard Coding Club

New elements and attributes in HTML 5


Recommended Posts

I've been looking at the new element tags in these webpages:-

http://www.w3.org/TR/html5-diff/#new-elements

http://dev.w3.org/html5/spec/Overview.html

 

section, article, aside, header, footer, nav, dialog, figure, audio, video, embed (new use), mark, meter, time, canvas, command, datagrid, details, datalist, datatemplate, rule, nest, event-source, output, progress, ruby, type

 

and new attributes:-

 

media, ping, value, charset, autofocus, and others

 

Will these be any use to someone designing a site for the general public who will have old browsers? I can only see them being of use in a company intranet where all computers have new browsers or where the website users are all high-tech IT people, like university computer departments. If we use them in websites for the general public, will the pages display in any reasonable way? If I use

 

I also notice that the existing list of tags includes q, cite and address, does anybody use them? Do they work in IE6? Or is it just that you have to add a style to each like h tags and otherwise they are normal text, except that screen readers read out the tag name?

 

I realise that HTML 5 is not yet available, but I'd like to know whether any of it will actually be useable.

Link to post
Share on other sites

On the positive side, it looks like HTML 5 will allow for better semantic markup, and will mean we can use

instead of

Link to post
Share on other sites

I'm more in agreement with the ALA article currently on their front page. The new tags, while useful, are only a single subset of what HTML could be used for.

 

What we really need is extensibility - the ability to add our own tags, attributes, or "hooks", to more clearly define structure.

Link to post
Share on other sites

The q, cite and address elements are not new, they appear on the w3schools list of elements

http://www.w3schools.com/tags/default.asp

so I thought I would do a quick check.

q { color: red; }

address { color: green; }

cite { color: blue; }

 

Tom Smith

 

26 This Road

 

Newtown

This is a citation

This is a quotation

 

In IE6 and IE7 the q text was just plain black text, but in Firefox, Opera, Safari and IE8 it was black in "...." when I expected red text.

 

In IE6, IE7, IE8, Firefox, Opera and Safari browsers the address and cite elements produced italic text with the styled colors.

 

Although these are supposed to be available now I've never seen a webpage on this forum or anywhere else that uses them.

Edited by Wickham
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...