Adding HTML5 tags to Dreamweaver CS4

Ten Steps and your  Dreamweaver CS4 work in HTML5

1. Start Dreamweaver and go to Edit > Tag Library Editor
2. Click on the plus “+” icon and select New Tag Library
3. Give your new tag library a name, something like “HTML5 tags”
4. Select the type of documents you want the HTML5 tags to be used in from the “Used in“ list
5. Now, click on the plus “+” icon again and select New Tags this time
6. Type the HTML5 tags you’d like to add
   TIP: add multiple tags at once – copy and paste this selection of tags if you like:

   article, aside, audio, canvas,  command, datagrid,

   datalist, details, dialog, figure, footer, header, 

   hgroup, mark, meter, nav, output, progress, rp, rt, 

   ruby, section, source, time, video

7. Next, you can add HTML5 global attributes to these tags. Click on the plus “+” icon and select Add Attributes
8. Select the HTML5 tags library you created before and select the tag you want to give attributes to. You can comfortably add the global attributes to all new HTML5 tags:

   class, id, style, contenteditable, irrelevant, tabindex,

   contextmenu, lang, template, dir, ref, title, draggable, 

   registrationmark

9. Once that is done you can also assign attribute types where possible, ie: class = CssStyle or dir = Enumerator (with values: ltr, rtl) etc.
10. That’s it!

Or you can download HTML5 Pack for Dreamweaver CS3 and CS4. Click here