1. <address> : Contact info for document/article owner (Italicized, block-level default)
<address>Wrox Press, 10475 Crosspoint Blvd, Indianapolis, IN 46256</address>
2. <abbr> : Abbreviation with optional full-length hover title
<p>I have a friend called <abbr title="Beverly">Bev</abbr>.</p>
4. <dfn> : Introducing a new or special term for the first time (Italicized)
<p>Mark up your documents using <dfn>XHTML</dfn>.</p>
5. <blockquote> & cite attribute : Extended quotes (Indented block)
<blockquote cite="http://www.w3.org/markup/">
XHTML 1.0 is the W3C's first Recommendation for XHTML...
</blockquote>
<q> : Short inline quotations (Browsers automatically add quote marks)
<p>As Dylan Thomas said, <q cite="http://example.com">Somebody's boring me. I think it's me</q>.</p>
6. <cite> : Citation source title (Italicized)
<p>This chapter is taken from <cite>Beginning Web Development</cite>.</p>
7. <code> : Computer code snippet (Monospaced font; escape < as < and > as >
<p><code><h1>This is a primary heading</h1></code></p>
8. <kbd> : User keyboard input instructions (Monospaced font) -->
<p>Hold down <kbd>ctrl</kbd>, <kbd>alt</kbd>, and <kbd>delete</kbd> keys together.</p>
9. <var> : Variable/placeholder in programming contexts (Italicized) -->
<p><code>document.write("<var>user-name</var>")</code></p>
10. <samp> : Sample output from a computer program (Monospaced font) -->
<p><samp>This is the output from our test script.</samp></p>
|
Tag |
Purpose |
Default Styling |
Modern Note |
|---|---|---|---|
|
<address> |
Contact information |
Italic, new lines |
Best reserved for article or site author details. |
|
<abbr> |
Abbreviations |
Dashed underline (in some browsers) |
Use title="" for full expansion. |
|
<acronym> |
Acronyms |
Dashed underline |
Obsolete in HTML5 — use <abbr> for both abbreviations and acronyms. |
|
<dfn> |
Defining instance of a term |
Italic |
Use only the first time a term is defined. |
|
<blockquote> |
Block-level quotes |
Indented from margins |
Use cite="" attribute for the source URL. |
|
<q> |
Inline quote |
Quotation marks added around text |
Use for short quotes inside paragraphs. |
|
<cite> |
Title of a work/citation source |
Italic |
HTML5 standard specifies this is for titles of works, not author names. |
|
<code> |
Computer code |
Monospaced |
Often wrapped in <pre> to preserve white space. |
|
<kbd> |
Keyboard or user input |
Monospaced |
Useful for instructional documentation. |
|
<var> |
Dynamic variable/placeholder |
Italic |
Works well inside <code> or <pre>. |
|
<samp> |
Computer output |
Monospaced |
Used to show what a computer program returns. |
No comments:
Post a Comment
Thank you to visit Bapi's Page.