HTML Code Spacing

[bluestrobe]

My web site has been added onto and modified several times in its existence. Right now in the source, I have all types of spacing and code placement going from one continuous line to several blank lines between the content and the last </div> tag. You get the idea.

I basically just want to clean it up so if someone views the source, they don't cringe or get a headache looking for a particular item.

 

[GundamSonicZeroX]

I don't think there is. I'd use either Dreamweaver or UltraEdit-32.

 

[Nothinman]

As with everything it's personal preference, different people find different styles easier to understand so just fix it up for yourself.

 

[GundamSonicZeroX]

If you use notepad, you can press tab after each tag. And backspace to where the closing tags are in the same column as the opening tag.

 

[jjones]

It's all personal preference, As long as you can read it easily and indentation and line spacing is consistent, that's all that matters.

 

[bluestrobe]

Thanks, I'll just stick with the style I've been using the last couple of days.

 

[Alone]

I use single tabs for all my spacing.

<div id="wraper">
tab <div id="content">
tab tab <p>This is a line of text.</p>
tab </div>
</div>

 

[troytime]

i'm a tab indent kinda guy myself...but the coding standards where i work demand that code is indented with 4 spaces instead of tabs

most editors have a setting to make the switch easy (so tab button auto inserts 4 spaces, and a single backspace will delete 4 spaces)

 

[Evadman]

Originally posted by: Alone
I use single tabs for all my spacing.

<div id="wraper">
tab <div id="content">
tab tab <p>This is a line of text.</p>
tab </div>
</div>

Same.

 

[GundamSonicZeroX]

Originally posted by: Evadman

Originally posted by: Alone
I use single tabs for all my spacing.

<div id="wraper">
tab <div id="content">
tab tab <p>This is a line of text.</p>
tab </div>
</div>

Same.

That's the way to do it.

 

[George P Burdell]

Originally posted by: jjones
It's all personal preference

 

[Unheard]

A quick way to clean it up is with Dreamweaver. It has a format code function, which does a decent (read not perfect) job of making the code readable. If you have a lot of code to clean up, it can get pretty tedious, and DW can save you quite a bit of time.

 

[Ken g6]

Originally posted by: GundamSonicZeroX

Originally posted by: Evadman

Originally posted by: Alone
I use single tabs for all my spacing.

<div id="wraper">
tab <div id="content">
tab tab <p>This is a line of text.</p>
tab </div>
</div>

Same.

That's the way to do it.

ViM agrees. (Command sequence "{Esc}1G=G" does auto-indent of a whole file.) Who am I to disagree? 🙂

 

[bluestrobe]

Right now I leave my div tags without any spacing and all the content and their tags (<p>, <h5> ect). are one tab over. My "wrapper" tags are in a seperate file so I'm not even going to mess trying to line them up properly in the big picture. I might play with the dreamweaver option tonight.

 

[Alone]

You must not have run into the problem where your layout is all skewed and you spend hours figuring out why, only to realize you've got an extra div tag. With them all aligned properly, I can easily find the opening and closing tags to make sure they're all as they should be.