HTML5 code hinting


show more HTML5 code hinting provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5.5 New Features show less
please wait ...

HTML5 code hinting

As you might expect, the area most impacted by Dreamweaver's HTML5 support is the coding environment. By adding HTML5 elements and attributes to Dreamweaver's code hinting, the process of hand-coding HTML5 becomes a lot easier. So I have the contact_start.htm from the 02_02 folder open, and I am just going to go ahead and do a save-as. And in the same directory, I am going to save this as contact_structure.

So we're just going to build the basic structure of our contact page. The first thing I am going to do is go right between the body tags, and I am going to do a technique that's quite common in most web pages today; I'm just going to add a wrapper div tag. So I am just going to open up an angle bracket. My element list comes up, and as I begin to type, it goes through the elements. So if I just type in 'di', I can hit Enter or Return and Dreamweaver will finish my div tag for me. It also supports code hinting for attributes. So if I hit Space and then an i, it ...

HTML5 code hinting
Video duration: 4m 56s 1h 50m Intermediate

Viewers:

HTML5 code hinting provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5.5 New Features

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...