Logical Style Tags

Logical, or idiomatic style tags can be used to give your text a different look when displayed by browsers. Logical style tags are preferred because they let the browser handle the look and feel of the logical tag. Here are the idiomatic style tags:

Citation: <CITE> is used to indicate the title of a book or other citation. It is typically displayed in italics. For example:

My favorite Shakespeare play is <cite>Julius Caesar</cite>.

Code: <CODE>

indicates an example of code, typically displayed in a uniform font.  CODE is intended for short segments of computer code.  The PRE tag is more appropriate for multiple lines of code.  For example:

<code>A = A + 1</code>

Emphasis: <EM> is for emphasizing phrases, and is typically displayed in italics. For example:

It is my <EM>favorite</EM> Shakespeare play.

Keyboard: <KBD> indicates text typed by a user. It is typically displayed in a font and is commonly used in instructional manuals. For example:

Enter <kbd>your password</kbd>.

Sample: <SAMP> indicates a sequence of literal characters. It is typically displayed in a uniform font. For example:

Use <samp>*.*</samp> to delete every file.

Strong Emphasis: <STRONG> indicates strong emphasis, and typically appears in bold. This is preferred over <B> which is a physical tag. For example:

Do <strong>NOT</strong>, be late again!

Variable: <VAR> indicates a variable, typically displayed in italic. For example:

The function returns a <VAR>filename</VAR>.

I understand logical tags. Let's see the physical tags.