• 0

Adding HTML5 tags to Dreamweaver CS4


Question

If you have CS5, go here for Adobe's HTML5 pack for CS5.

All credit goes to Leon Poole!

At last night?s Brisbane Web Design meetup, Carolyn King (@cazazz) mentioned how current versions of Dreamweaver don?t recognize the new HTML5 tags (ie, <header>, <article>, <aside>, <footer> etc.) and she asked if it?s possible to add support for it some how?

Here?s how:

  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


    However check to see if any specific tag attributes should be added too ?and click OK.

  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!

cs4html5.th.png

Uploaded with ImageShack.us

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.