<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.

Usage/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

Base Attributes

Models and Context
May be contained in
Description
Any combination of:
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)*
Tagged Samples
Dropped capital
...
<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>
...
Dot styles for non-western emphasis
...
<p><styled-content 
     specific-use="emphasis" 
     style-type="dot" 
     style-detail="open"  
     toggle="no">あいうえお</styled-content> ...</p>
...
Accessibility (@alt EMPTY)
The empty @alt attribute is a signal to screen readers to skip the 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>
...
Related Resources