12.09.2015 Views

Boot Camp

Web Authoring Boot Camp - StudioBast

Web Authoring Boot Camp - StudioBast

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

How the HTML code above looks in a browser:<br />

Text Coding<br />

Body Section Nesting Tags<br />

Nesting tags properly means that when using more than one pair of tags to affect code<br />

at the same time, you open and close these pairs in the right order as related to the other<br />

pairs. Whaaaaat?<br />

The number one reason that you need to master nesting is if you’re going to use cascading<br />

styles (CS), which require tags to be consistently nested within the document so that<br />

it can tell where styles begin and end. If you set up a style that would affect all bold and<br />

italic text on your page, the incorrect nesting would make it hard for the browser to know<br />

where the bold and italics ended and where the text was just italicized.<br />

Nesting also effects accessibility and browser compatibility. If your HTML is incorrectly<br />

nested, it won’t be as accessible to screen readers and older browsers – it will look bad. It<br />

also will not validate, earning head shaking from web authors of the world.<br />

97

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!