Placeholder Typography

Typography is the art and technique of arranging type in order to make language visible. The arrangement of type involves the selection of typefaces, point size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning). Type design is a closely related craft, which some consider distinct and others a part of typography; most typographers do not design typefaces, and some type designers do not consider themselves typographers. In modern times, typography has been put into motion?in film, television and online broadcasts?to add emotion to mass communication.

Typography is performed by typesetters, compositors, typographers, graphic designers, art directors, comic book artists, graffiti artists, clerical workers, and anyone else who arranges type for a product. Until the Digital Age, typography was a specialized occupation. Digitization opened up typography to new generations of visual designers and lay users, and David Jury states that “typography is now something everybody does.”

Top Level Header

Above is an example of a top level header element, or the h1 tag. All page titles have been set in this tag. Consider using the Second Level Header tag, h2, for any important page level headings.

Second Level Header

As mentioned above, the Second Level Header is best used for important page level headings. Though there is no hard and fast rule regarding the amount of h1 tags allowed on a page, I tend to always only use one and rely on h2 for critical page headings.

Third Level Header

The Third Level Header may be used for any form of page level headings which falls below the h2 header in a document hierarchy.

Fourth Level Header

The Fourth Level Header may be used for any form of page level headings which falls below the h3 header in a document hierarchy.

Fifth Level Header

The Fifth Level Header may be used for any form of page level headings which falls below the h4 header in a document hierarchy.

Sixth Level Header

The Sixth Level Header may be used for any form of page level headings which falls below the h5 header in a document hierarchy.

Paragraph

All paragraphs are wrapped with the p tag. This tag can also be wrapped by the blockquote tag if the text is a quote for an external source or a pull quote from an article.

Tabular Data

The table tag is best used for presenting tabular data. This tag should always contain thethead, tfoot and tbody tags and should be marked up in that order. The table tag can also contain the caption tag for accessibility.

Convert Font Sizes from Pixels to Ems or Percentages
PIXELS EMS PERCENTAGES
Conversions provided by PXtoEM.com
16px 1em 100%
17px 1.063em 106.3%
18px 1.125em 112.5%
19px 1.188em 118.8%