220 CHAPTER 5 More HTML5
sandwich has been a staple food of many American families
due to its health benefits, its cost, and its
wonderful flavor.
</p>
<p>
When assembling a peanut butter and jelly sandwich,
you need to gather all the required materials as
shown in <a href="#figure1">Figure 1</a>.
</p>
<figure id="figure1">
<img src="/pbj.jpg" alt="peanut butter and jelly requirements" />
<figcaption>The PB&J sandwich requirements.</figcaption>
</figure>
</details>
</div>
In this example, the previous example content is placed in the <details> element, and the
<summary> element contains a general description of the content. Clicking the summary
content toggles the display of the details.Understanding other annotations
In addition to the annotation elements already discussed, the following is a list of annotations
you might use in your HTML document.
■■<s> Denotes strike-out text, text that is no longer valid.
■■<u> Offsets a span of text without implying a difference of importance. The default
behavior is to underline the text, but this could be accommodated better by using a
span tag with the appropriate style.
■■<mark> Marks, or highlights, a span of text.
■■<ins> Indicates inserted text.
■■<del> Indicates deleted text.
■■<small> ndicates fine print.I
■■<sub> Indicates subscript.
■■<sup> Indicates superscript.
■■<time> Denotes a time of day or a date in the text.
■■<kbd> Indicates user input.Using language elements
You might need to provide content that uses characters of Chinese origin, which are called
kanji. These characters are used in Chinese, Japanese, and Korean (CJK) languages. To indicate
the pronunciation of kanji, you can use small phonetic characters, which are commonly called
ruby or furigana. The term “ruby” has English roots from when printers used this term to refer
to small type used for this purpose.Key
Te rms