<styled-content>

Styled Special (Subject) Content

Stylistically distinct word or phrase within the text that cannot be tagged using any of the other mechanisms for such content. In other words, the content cannot be described with bold, italic, monospace, or any of the other emphasis elements; and <named-content> is inappropriate because the semantic reason behind the typographic distinction is unknown or not clear.

Remarks

This element is intended for archives who wish to preserve all of the differentiations made by the original publisher (even when the intent for such a distinction is unclear or not necessarily semantic) as well as for publishers and authors who want to make a stylistic rather than a semantic distinction.
Best Practice: For publishers who want to keep a number of named styles consistent throughout the document, the particular stylistic distinction can be named using the @style attribute.
Historical Note: This element replaces the <font> element that was in previous versions of the Tag Suite.

Related Elements

The related <named-content> element may, in some instances, produce the same look on print or display as some <styled-content> elements. Both mark content that has a visual distinction; the difference between the two elements is intent. If it is known that this word is in italics because it is a genus or species name, those semantics should be preserved with a <named-content> element with a @content-type attribute of “genus-species” or equivalent. The <styled-content> element would merely tell you that it was always in green shaded background (style="green-shading").
Being web-only or print-only is not a stylistic matter, but rather a particular use, which should be tagged with the @specific-use attribute on the appropriate element, perhaps even on a <named-content> or <styled-content> element.

Attributes

Content Model

<!ELEMENT  styled-content
                        (#PCDATA %styled-content-elements;)*         >

Expanded Content Model

(#PCDATA | email | ext-link | uri | inline-supplementary-material | related-article | related-object | address | alternatives | answer | answer-set | array | block-alternatives | boxed-text | chem-struct-wrap | code | explanation | fig | fig-group | graphic | media | preformat | question | question-wrap | question-wrap-group | supplementary-material | table-wrap | table-wrap-group | disp-formula | disp-formula-group | bold | fixed-case | italic | monospace | overline | roman | sans-serif | sc | strike | underline | ruby | inline-graphic | inline-media | private-char | chem-struct | inline-formula | def-list | list | tex-math | mml:math | abbrev | index-term | index-term-range-end | milestone-end | milestone-start | named-content | styled-content | fn | target | xref | sub | sup | disp-quote | speech | statement | verse-group)*

Description

Any combination of:

This element may be contained in:

Example 1

Dropped capital will be used for display:
...
<body>
<p><styled-content 
  specific-use="print" 
  style-type="drop cap" 
  style="para-d2">D</styled-content>etecting pancreatic cancer 
in its early stages is complicated by the non-specificity and 
variety of its symptoms, many of which may go unnoticed or 
be seen as indicia of other diseases or medical conditions.  
Symptoms commonly occuring include upper abdominal pain 
traversing to the back, weight loss, decreased appetite, and 
jaundice. ...</p>
<sec>...</sec>
</body>
...

Example 2

Dot styles are used as emphasis in many non-western languages:
...
<p><styled-content 
  specific-use="emphasis" 
  style-type="dot" 
  style-detail="open"  
  toggle="no">あいうえお</styled-content> ...</p>
...

Example 3

The empty attribute is a signal to screen readers to skip a graphic:
...
<p>While we know from the earlier analysis that these hens
formed a linear hierarchy and the rank of the individuals
within the hierarchy, we do not know any of the behavioural
details by which they formed the hierarchy or came to take
their places within it ...
<styled-content alt="" specific-use="background image">
<graphic xlink:href="images/1800-648-1.jpg"
position="background"/>
</styled-content></p>
...