Dano Manion

HTML Notes

HTML5

  • Was first developed by the WHATWG group but then was supported by the W3C after chartering a working group

Fundamentals

// Basic page. Yes, I know HTML comments are not `//`, but <!-- is sooo.. ugly for personal notes (IMO) -->
<!DOCTYPE html> // Hey browser, this is the type of document I am. HTML5.
<html>
  <head>  // For Metadata
  </head> //

  <body>  // For Content
  </body> //
</html>

An empty tag is one that is empty of enclosed content.

  • Example: <img src="yay.png" />

Tags

  • <h1> <h2> <h3> <h4> <h5> <h6> - headers! LARGEST to smallest. 1..6.
  • <bdo> - Bi-Directional Override. Text will render right-to-left.
  • <mark> - Good for highlighting search terms on a page.

Animation

Terms

  • Transition: set of properties that go from A -> B

Sources

  1. Beyond jQuery: by Ray Nicholus