goes with which div tag? I was doing the examples on page 457 of your book and I was just wondering is there any way at all in Visual Studio which </div> tag goes with which <div> tag, kind of like what they do with opening braces ( and closing braces in { in Csharp code? Sometimes keep up with which Div tag goes with which closing Div tag can get kind of confusing. If you put the wrong </div> tags in the wrong place it can throw your CSS styling of your HTML elements off, can it not?

It's based on level matching, just like all other tags. You can't differentiate between them except by making sure you indent to the level that they are visibly paired. For example:

<div>
xx<div>
xxxx<div>
xxxx</div>
xx</div>
</div>

The best way to approach divs (and all other tags) is to write the opening and closing at the same time. For example:

<div>
xx**Start typing code here after putting the opening and closing div tags in place.
</div>

This approach will make it so that you won't have issues with unmatched tags. Visual Studio actually does a pretty good job of this on its own; many tags will auto-generate a close as soon as you type the open segment.

Also, if your HTML code is valid, Visual Studio highlights the closing or opening tag of the associated opening or closing tag if you click it. Other useful tools are:

1. Edit | Format Document This lines up the code as Thermopyle described.

2. Use the + and - icons in the code editor's gutter to collapse complete elements.

Cheers,

Imar

__________________
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Follow me on Twitter

Author of Beginning ASP.NET 4.5 : in C# and VB, Beginning ASP.NET Web Pages with WebMatrix
and Beginning ASP.NET 4 : in C# and VB.
Did this post help you? Click the button below this post to show your appreciation!