Topics

Ketchup

Finish up September 10 Lecture.

Formatting

• Types of formatting toggle
  • Physical formatting
  • Logical formatting
  • Summary: what versus why
• Reasons to favor logical formatting. toggle
  • Easier to write
  • Easier to maintain and change
  • SEO
  • Accessibility
• Check browser compatibility

Frens's Tag Rules

• Pure Evil: <blink>
• Unforgivable: toggle
  • <b>, <i>, <u>
  • <s>, <strike>
  • <tt>
  • <nobr>, <wbr>
  • <font>
  • All other tags not explicitly mentioned in these notes.

Logical Tags

• Logical structure toggle
  • <h1>, <h2>, ..., <h6>
  • <p>
  • <blockquote>
• Line-breaking toggle
  • <br> (smelly)
  • <pre>
• Logical, inline format toggle
  • Great: <code>, <em>, <strong>, <sub>, <sup>
  • Okay: <address>, <cite>, <del>, <dfn>, <ins>, <kbd>, <var>
• Most important toggle
  • <div>
  • <span>

Entity Encoding

• Entity encoding: a.k.a. character encoding, a.k.a. HTML escape codes, a.k.a. character entitites
• Common entities toggle
  • Most useful:  , &, <, >
  • Good grammar: –, &mdash
  • Cool ©, ®, &tm;