ttml10-sdp-us/Overview.html
author Glenn Adams <glenn@skynav.com>
Wed, 28 Nov 2012 23:49:46 -0700
changeset 320 62295c03d3c6
parent 319 332643616ed0
child 321 5c9941317402
permissions -rw-r--r--
SDP-US Editorial (7.1.2) - Issue 190 - Insert new Example 2
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Simple Delivery Profile for Closed Captions (US)</title>


<style>
.style1
{
    height: 15.0pt;
    width: 38pt;
    color: black;
    font-size: 9.0pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: "Courier New", monospace;
    text-align: right;
    vertical-align: middle;
    white-space: normal;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}
.style2
{
    width: 37pt;
    color: black;
    font-size: 9.0pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: Segoe, sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}
.style3
{
    height: 15.0pt;
    width: 38pt;
    color: black;
    font-size: 9.0pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: Calibri, sans-serif;
    text-align: right;
    vertical-align: middle;
    white-space: normal;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}
.style4
{
    color: black;
    font-size: 9.0pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: Segoe, sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: medium;
    border-top: .5pt solid windowtext;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: medium;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    background: #EEECE1;
}
.style5
{
    height: 15.0pt;
    width: 38pt;
    color: black;
    font-size: 9.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: "Courier New", monospace;
    text-align: right;
    vertical-align: middle;
    white-space: normal;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}
.style6
{
    width: 37pt;
    color: black;
    font-size: 9.0pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: Segoe, sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: medium;
    border-top: .5pt solid windowtext;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: medium;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    background: #EEECE1;
}

div.template
{
    padding: 0 8px 0 8px;
    background: #eeeeee;
}
div.numbered:before
{
    content: attr(title) " - ";
    font-weight: bold;
}
div.numbered
{
    padding: 0 12px 0 8px;
}
div.constraint
{
    margin-bottom: 1em;
}
span.numbered
{
    font-weight: bold;
    padding-left: 2em;
}

span.ttmlTerm
{
    font-weight: bold;
}
table
{
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
table th
{
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}
table tr td
{
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}
</style>
<style>/*****************************************************************
 * ReSpec 3 CSS
 * Robin Berjon - http://berjon.com/
 *****************************************************************/

/* --- INLINES --- */
em.rfc2119 { 
    text-transform:     lowercase;
    font-variant:       small-caps;
    font-style:         normal;
    color:              #900;
}

h1 acronym, h2 acronym, h3 acronym, h4 acronym, h5 acronym, h6 acronym, a acronym,
h1 abbr, h2 abbr, h3 abbr, h4 abbr, h5 abbr, h6 abbr, a abbr {
    border: none;
}

dfn {
    font-weight:    bold;
}

a.internalDFN {
    color:  inherit;
    border-bottom:  1px solid #99c;
    text-decoration:    none;
}

a.externalDFN {
    color:  inherit;
    border-bottom:  1px dotted #ccc;
    text-decoration:    none;
}

a.bibref {
    text-decoration:    none;
}

cite .bibref {
    font-style: normal;
}

code {
    color:  #ff4500;
}


/* --- --- */
ol.algorithm { counter-reset:numsection; list-style-type: none; }
ol.algorithm li { margin: 0.5em 0; }
ol.algorithm li:before { font-weight: bold; counter-increment: numsection; content: counters(numsection, ".") ") "; }

/* --- TOC --- */
.toc a, .tof a {
    text-decoration:    none;
}

a .secno, a .figno {
    color:  #000;
}

ul.tof, ol.tof {
    list-style: none outside none;
}

.caption {
    margin-top: 0.5em;
    font-style:   italic;
}

/* --- TABLE --- */
table.simple {
    border-spacing: 0;
    border-collapse:    collapse;
    border-bottom:  3px solid #005a9c;
}

.simple th {
    background: #005a9c;
    color:  #fff;
    padding:    3px 5px;
    text-align: left;
}

.simple th[scope="row"] {
    background: inherit;
    color:  inherit;
    border-top: 1px solid #ddd;
}

.simple td {
    padding:    3px 10px;
    border-top: 1px solid #ddd;
}

.simple tr:nth-child(even) {
    background: #f0f6ff;
}

/* --- DL --- */
.section dd > p:first-child {
    margin-top: 0;
}

.section dd > p:last-child {
    margin-bottom: 0;
}

.section dd {
    margin-bottom:  1em;
}

.section dl.attrs dd, .section dl.eldef dd {
    margin-bottom:  0;
}
</style><style>/* --- EXAMPLES --- */
div.example-title {
    min-width: 7.5em;
    color: #b9ab2d;
}
div.example-title span {
    text-transform: uppercase;   
}
aside.example, div.example, div.illegal-example {
    padding: 0.5em;
    margin: 1em 0;
    position: relative;
    clear: both;
}
div.illegal-example { color: red }
div.illegal-example p { color: black }
aside.example, div.example {
    padding: .5em;
    border-left-width: .5em;
    border-left-style: solid;
    border-color: #e0cb52;
    background: #fcfaee;    
}

aside.example div.example {
    border-left-width: .1em;
    border-color: #999;
    background: #fff;
}
aside.example div.example div.example-title {
    color: #999;
}
</style><style>/* --- ISSUES/NOTES --- */
div.issue-title, div.note-title {
    padding-right:  1em;
    min-width: 7.5em;
    color: #b9ab2d;
}
div.issue-title { color: #e05252; }
div.note-title { color: #52e052; }
div.issue-title span, div.note-title span {
    text-transform: uppercase;
}
div.note, div.issue {
    margin-top: 1em;
    margin-bottom: 1em;
}
.note > p:first-child, .issue > p:first-child { margin-top: 0 }
.issue, .note {
    padding: .5em;
    border-left-width: .5em;
    border-left-style: solid;
}
div.issue, div.note {
    padding: 0.5em;
    margin: 1em 0;
    position: relative;
    clear: both;
}
span.note, span.issue { padding: .1em .5em .15em; }

.issue {
    border-color: #e05252;
    background: #fbe9e9;
}
.note {
    border-color: #52e052;
    background: #e9fbe9;
}


</style><link rel="stylesheet" href="http://www.w3.org/StyleSheets/TR/W3C-ED"><!--[if lt IE 9]><script src='http://www.w3.org/2008/site/js/html5shiv.js'></script><![endif]--></head>
<body><div class="head">
  <p>
    
      <a href="http://www.w3.org/"><img width="72" height="48" src="http://www.w3.org/Icons/w3c_home" alt="W3C"></a>
    
  </p>
  <h1 class="title" id="title">Simple Delivery Profile for Closed Captions (US)</h1>
  
    <h2 id="subtitle">A profile of TTML for internet delivery of Captions originated in the United States</h2>
  
  <h2 id="w3c-editor-s-draft-29-november-2012"><abbr title="World Wide Web Consortium">W3C</abbr> Editor's Draft 29 November 2012</h2>
  <dl>
    
      <dt>This version:</dt>
      <dd><a href="http://dvcs.w3.org/hg/ttml/raw-file/tip/ttml10-sdp-us/Overview.html">http://dvcs.w3.org/hg/ttml/raw-file/tip/ttml10-sdp-us/Overview.html</a></dd>
      <dt>Latest published version:</dt>
      <dd><a href="http://www.w3.org/TR/ttml10-sdp-us/">http://www.w3.org/TR/ttml10-sdp-us/</a></dd>
    
    
      <dt>Latest editor's draft:</dt>
      <dd><a href="http://dvcs.w3.org/hg/ttml/raw-file/tip/ttml10-sdp-us/Overview.html">http://dvcs.w3.org/hg/ttml/raw-file/tip/ttml10-sdp-us/Overview.html</a></dd>
    
    
    
    
      
    
    
    
    <dt>Editors:</dt>
    <dd><span>Sean Hayes</span>, <a href="http://www.microsoft.com/">Microsoft</a></dd>
<dd><span>Monica Martin</span>, <a href="http://www.microsoft.com/">Microsoft Open Technologies, Inc.</a></dd>
<dd><span>Glenn Adams</span>, <a href="http://www.cox.com/">Cox Communications, Inc.</a></dd>

    
  </dl>
  
  
  
  
    
      <p class="copyright">
        <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 
        2012
        
        <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> 
        (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>,
        <a href="http://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>,
        <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved.
        <abbr title="World Wide Web Consortium">W3C</abbr> <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
        <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and
        <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply.
      </p>
    
  
  <hr>
</div>
<section id="abstract" class="introductory"><h2>Abstract</h2>
<p>This document specifies the Simple Online Delivery Profile (US) of the Timed Text Markup Language (TTML).</p>
<p>The primary goal of the profile defined herein is to establish a minimum level of interoperability between
[<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] and legacy caption formats employed in US markets, such as [<cite><a class="bibref" href="#bib-CEA608">CEA608</a></cite>] and [<cite><a class="bibref" href="#bib-CEA708">CEA708</a></cite>]. This is accomplished by
(1) defining a set of constraints that apply to TTML document instances that claim adherence to this profile, and
(2) defining a set of mandatory features and behaviors that must be supported by implememntations of a TTML
Presentation Processor that claim adherence to this profile.</p>
</section><section id="sotd" class="introductory"><h2>Status of This Document</h2>
  
    
      
        <p>
          <em>This section describes the status of this document at the time of its publication. Other
          documents may supersede this document. A list of current <abbr title="World Wide Web Consortium">W3C</abbr> publications and the latest revision
          of this technical report can be found in the <a href="http://www.w3.org/TR/"><abbr title="World Wide Web Consortium">W3C</abbr> technical reports
          index</a> at http://www.w3.org/TR/.</em>
        </p>
        
<p>This document applies 3 guiding principles for online delivery of closed captions originated in the United States:</p>
<ol>
<li>Promote interoperability.</li>
<li>Provide mandatory functionality based on a specified set of TTML features.</li>
<li>Use this functionality to apply constraints on usage of a specified set of TTML features.</li>
</ol>

        <p>
          This document was published by the <a href="http://www.w3.org/AudioVideo/TT/">Timed Text Working Group</a> as an Editor's Draft.
          
          If you wish to make comments regarding this document, please send them to 
          <a href="mailto:public-tt@w3.org">public-tt@w3.org</a> 
          (<a href="mailto:public-tt-request@w3.org?subject=subscribe">subscribe</a>,
          <a href="http://lists.w3.org/Archives/Public/public-tt/">archives</a>).
          
          
          All feedback is welcome.
        </p>
        
          <p>
            Publication as an Editor's Draft does not imply endorsement by the <abbr title="World Wide Web Consortium">W3C</abbr> Membership.
            This is a draft document and may be updated, replaced or obsoleted by other documents at 
            any time. It is inappropriate to cite this document as other than work in progress.
          </p>
        
        
        <p>
          
            This document was produced by a group operating under the 
            <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February 2004 <abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a>.
          
          
          
            
              <abbr title="World Wide Web Consortium">W3C</abbr> maintains a <a href="http://www.w3.org/2004/01/pp-impl/34314/status" rel="disclosure">public list of any patent disclosures</a> 
            
            made in connection with the deliverables of the group; that page also includes instructions for 
            disclosing a patent. An individual who has actual knowledge of a patent which the individual believes contains
            <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> must disclose the
            information in accordance with <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section
            6 of the <abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a>.
          
          
        </p>
        
      
    
  
</section><section id="toc"><h2 class="introductory">Table of Contents</h2><ul class="toc"><li class="tocline"><a href="#introduction" class="tocxref"><span class="secno">1. </span>Introduction</a></li><li class="tocline"><a href="#conformance" class="tocxref"><span class="secno">2. </span>Conformance</a></li><li class="tocline"><a href="#terms" class="tocxref"><span class="secno">3. </span>Terms, Definitions, and Conventions</a></li><li class="tocline"><a href="#SimpleProfile" class="tocxref"><span class="secno">4. </span>Simple Delivery Profile for Closed Captions</a><ul class="toc"><li class="tocline"><a href="#Use_of_TTML_Constrained_Feature_Template" class="tocxref"><span class="secno">4.1 </span>Use of TTML Constrained Feature Template</a><ul class="toc"></ul></li></ul></li><li class="tocline"><a href="#structural-constraints" class="tocxref"><span class="secno">5. </span>Structural Constraints</a></li><li class="tocline"><a href="#Constrained_Features" class="tocxref"><span class="secno">6. </span>Constrained Features</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_core" class="tocxref"><span class="secno">6.1 </span>Use of Constrained TTML Feature <span>core</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario" class="tocxref"><span class="secno">6.1.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints" class="tocxref"><span class="secno">6.1.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Use_of_Constrained_TTML_Feature_content" class="tocxref"><span class="secno">6.2 </span>Use of Constrained TTML Feature <span>content</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-1" class="tocxref"><span class="secno">6.2.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-1" class="tocxref"><span class="secno">6.2.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Use_of_Constrained_TTML_Feature_content_presentation" class="tocxref"><span class="secno">6.3 </span>Use of Constrained TTML Feature <span>presentation</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-2" class="tocxref"><span class="secno">6.3.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-2" class="tocxref"><span class="secno">6.3.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Use_of_Constrained_TTML_Feature_content_profile" class="tocxref"><span class="secno">6.4 </span>Use of Constrained TTML Feature <span>profile</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-3" class="tocxref"><span class="secno">6.4.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-3" class="tocxref"><span class="secno">6.4.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Use_of_Constrained_TTML_Feature_content_structure" class="tocxref"><span class="secno">6.5 </span>Use of Constrained TTML Feature <span>structure</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-4" class="tocxref"><span class="secno">6.5.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-4" class="tocxref"><span class="secno">6.5.2 </span>Constraints</a></li></ul></li></ul></li><li class="tocline"><a href="#Style_Constraints" class="tocxref"><span class="secno">7. </span>Style Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_backgroundColor" class="tocxref"><span class="secno">7.1 </span>Use of Constrained TTML Feature <span>backgroundColor-*</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-5" class="tocxref"><span class="secno">7.1.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-5" class="tocxref"><span class="secno">7.1.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_color" class="tocxref"><span class="secno">7.2 </span>Use of Constrained TTML Feature <span>color</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-6" class="tocxref"><span class="secno">7.2.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-6" class="tocxref"><span class="secno">7.2.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_display_region" class="tocxref"><span class="secno">7.3 </span>Use of Constrained TTML Feature <span>display-region</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-7" class="tocxref"><span class="secno">7.3.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-7" class="tocxref"><span class="secno">7.3.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_extent_region" class="tocxref"><span class="secno">7.4 </span>Use of Constrained TTML Feature <span>extent-region</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-8" class="tocxref"><span class="secno">7.4.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-8" class="tocxref"><span class="secno">7.4.2 </span>Constraints</a></li><li class="tocline"><a href="#examples" class="tocxref"><span class="secno">7.4.3 </span>Examples</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_display_display_fontFamily_generic" class="tocxref"><span class="secno">7.5 </span>Use of Constrained TTML Feature <span>fontFamily-generic</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-9" class="tocxref"><span class="secno">7.5.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-9" class="tocxref"><span class="secno">7.5.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_display_display_fontSize" class="tocxref"><span class="secno">7.6 </span>Use of Constrained TTML Feature <span>fontSize</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-10" class="tocxref"><span class="secno">7.6.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-10" class="tocxref"><span class="secno">7.6.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_display_display_fontStyle_italic" class="tocxref"><span class="secno">7.7 </span>Use of Constrained TTML Feature <span>fontStyle-italic</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-11" class="tocxref"><span class="secno">7.7.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-11" class="tocxref"><span class="secno">7.7.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_length_percentage" class="tocxref"><span class="secno">7.8 </span>Use of Constrained TTML Feature <span>length-percentage</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-12" class="tocxref"><span class="secno">7.8.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-12" class="tocxref"><span class="secno">7.8.2 </span>Constraints</a><ul class="toc"></ul></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_length_positive" class="tocxref"><span class="secno">7.9 </span>Use of Constrained TTML Feature <span>length-positive</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-13" class="tocxref"><span class="secno">7.9.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-13" class="tocxref"><span class="secno">7.9.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_styling" class="tocxref"><span class="secno">7.10 </span>Use of Constrained TTML Feature <span>styling-*</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-14" class="tocxref"><span class="secno">7.10.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-14" class="tocxref"><span class="secno">7.10.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_styling_inheritance_content" class="tocxref"><span class="secno">7.11 </span>Use of Constrained TTML Feature <span>styling-inheritance-content</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-15" class="tocxref"><span class="secno">7.11.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-15" class="tocxref"><span class="secno">7.11.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_styling_inheritance_region" class="tocxref"><span class="secno">7.12 </span>Use of Constrained TTML Feature <span>styling-inheritance-region</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-16" class="tocxref"><span class="secno">7.12.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-16" class="tocxref"><span class="secno">7.12.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_textAlign_absolute" class="tocxref"><span class="secno">7.13 </span>Use of Constrained TTML Feature <span>textAlign-absolute</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-17" class="tocxref"><span class="secno">7.13.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-17" class="tocxref"><span class="secno">7.13.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_textDecoration_under" class="tocxref"><span class="secno">7.14 </span>Use of Constrained TTML Feature <span>textDecoration-under</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-18" class="tocxref"><span class="secno">7.14.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-18" class="tocxref"><span class="secno">7.14.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_textOutline_unblurred" class="tocxref"><span class="secno">7.15 </span>Use of Constrained TTML Feature <span>textOutline-unblurred</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-19" class="tocxref"><span class="secno">7.15.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-19" class="tocxref"><span class="secno">7.15.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_writingMode_horizontal_lr" class="tocxref"><span class="secno">7.16 </span>Use of Constrained TTML Feature <span>writingMode-horizontal-lr</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-20" class="tocxref"><span class="secno">7.16.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-20" class="tocxref"><span class="secno">7.16.2 </span>Constraints</a></li></ul></li></ul></li><li class="tocline"><a href="#layout_constraints" class="tocxref"><span class="secno">8. </span>Layout Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_layout" class="tocxref"><span class="secno">8.1 </span>Use of Constrained TTML Feature <span>layout</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-21" class="tocxref"><span class="secno">8.1.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-21" class="tocxref"><span class="secno">8.1.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_lineBreak-uax14" class="tocxref"><span class="secno">8.2 </span>Use of Constrained TTML Feature <span>lineBreak-uax14</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-22" class="tocxref"><span class="secno">8.2.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-22" class="tocxref"><span class="secno">8.2.2 </span>Constraints</a></li></ul></li></ul></li><li class="tocline"><a href="#timing_constraints" class="tocxref"><span class="secno">9. </span>Timing Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_timing" class="tocxref"><span class="secno">9.1 </span>Use of Constrained TTML Feature <span>timing</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-23" class="tocxref"><span class="secno">9.1.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-23" class="tocxref"><span class="secno">9.1.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_time_offset" class="tocxref"><span class="secno">9.2 </span>Use of Constrained TTML Feature <span>time-offset</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-24" class="tocxref"><span class="secno">9.2.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-24" class="tocxref"><span class="secno">9.2.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#frameRate" class="tocxref"><span class="secno">9.3 </span>Use of Constrained TTML Feature <span>frameRate and frameRateMultiplier</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-25" class="tocxref"><span class="secno">9.3.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-25" class="tocxref"><span class="secno">9.3.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#animation" class="tocxref"><span class="secno">9.4 </span>Use of Constrained TTML Feature <span>animation</span></a><ul class="toc"><li class="tocline"><a href="#usage-scenario-26" class="tocxref"><span class="secno">9.4.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-26" class="tocxref"><span class="secno">9.4.2 </span>Constraints</a></li></ul></li></ul></li><li class="tocline"><a href="#other_constraints" class="tocxref"><span class="secno">10. </span>Other Constraints</a><ul class="toc"><li class="tocline"><a href="#Section1" class="tocxref"><span class="secno">10.1 </span>User Ease of Use Constraints</a></li></ul></li><li class="tocline"><a href="#Features_in_TTML_1.0_Used" class="tocxref"><span class="secno">11. </span>Features in TTML 1.0 Used in This Profile</a></li><li class="tocline"><a href="#error_handling" class="tocxref"><span class="secno">12. </span>Error handling</a></li><li class="tocline"><a href="#future_needs" class="tocxref"><span class="secno">A. </span>Future Needs for TTML next for Simple Delivery</a><ul class="toc"><li class="tocline"><a href="#Section2" class="tocxref"><span class="secno">A.1 </span>Values for fontFamily support</a></li><li class="tocline"><a href="#Section3" class="tocxref"><span class="secno">A.2 </span>Support for character edge features</a></li></ul></li><li class="tocline"><a href="#mapping-of-us-government-requirements-to-constrained-profile-features" class="tocxref"><span class="secno">B. </span>Mapping of US Government Requirements to Constrained Profile Features</a></li><li class="tocline"><a href="#code-points" class="tocxref"><span class="secno">C. </span>Code points</a><ul class="toc"><li class="tocline"><a href="#color-values" class="tocxref"><span class="secno">C.1 </span>Color values</a></li><li class="tocline"><a href="#acknowledgements" class="tocxref"><span class="secno">C.2 </span>Acknowledgements</a></li></ul></li><li class="tocline"><a href="#references" class="tocxref"><span class="secno">D. </span>References</a><ul class="toc"><li class="tocline"><a href="#normative-references" class="tocxref"><span class="secno">D.1 </span>Normative references</a></li><li class="tocline"><a href="#informative-references" class="tocxref"><span class="secno">D.2 </span>Informative references</a></li></ul></li></ul></section>

<section id="introduction">
<!--OddPage--><h2><span class="secno">1. </span>Introduction</h2>
<p>TTML 1.0 [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] provides many features to satisfy captioning and subtitling requirements, not all of which are intended for end user display. Requirements have been identified by key video and content communities to define an interoperable delivery profile using the core features specifically designed for online presentation of TTML. Such a profile allows the community of TTML users to construct constrained presentation engines for TTML. This document defines the behavior expected of a TTML content player using the presentation processor constraints for such an online delivery profile.</p>
<div class="note"><div class="note-title"><span>Note</span></div><div class="">At the time of publication, this profile normatively refers to [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], and informatively refers to [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>]. The most recently
published version of TTML should take precedence as the definitive reference.</div></div>
<p>The Simple Online Delivery profile is focused on streamlined delivery of closed captions on the Internet. This interoperability profile supports core TTML features to deliver content originating legacy formats such as [<cite><a class="bibref" href="#bib-CEA608">CEA608</a></cite>] and [<cite><a class="bibref" href="#bib-CEA708">CEA708</a></cite>] content, and is targeted primarily for delivery in US markets.</p>
<p>The Simple Delivery Profile for Closed Captions focuses interoperability using [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] to support delivery of closed captions for video content. Other profiles based on [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] may target other types of subtitles such as on-screen text or graphics. This interoperability profile is a proper subset of [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] intended to support features required for US Government closed captioning requirements for online presentation.</p>
</section>
<section id="conformance"><!--OddPage--><h2><span class="secno">2. </span>Conformance</h2>
<p>
  As well as sections marked as non-normative, all authoring guidelines, diagrams, examples,
  and notes in this specification are non-normative. Everything else in this specification is
  normative.
</p>
<p>
  The key words <em class="rfc2119" title="must">must</em>, <em class="rfc2119" title="must not">must not</em>, <em class="rfc2119" title="required">required</em>, <em class="rfc2119" title="should">should</em>, <em class="rfc2119" title="should not">should not</em>, <em class="rfc2119" title="recommended">recommended</em>, <em class="rfc2119" title="may">may</em>,
  and <em class="rfc2119" title="optional">optional</em> in this specification are to be interpreted as described in [<cite><a class="bibref" href="#bib-RFC2119">RFC2119</a></cite>].
</p>

<div class="issue"><div class="issue-title"><span>Issue 1</span></div><p class="">The prose of this section needs a complete rewrite in order to make a clear distinction between presentation processor conformance and
document conformance. The current prose is extremely confusing, and very likely to be misread.</p></div>
<p>This profile identifies the content and presentation processor constraints for closed captioning using TTML. To conform to this profile, a presentation engine <em class="rfc2119" title="must">must</em>:</p>
<ul>
<li>Satisfy the requirements specified by Section 3.2.1 Generic Processor Conformance [TTML] that are required to implement:
<ul>
<li>The mandatory [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] features referenced in Table E-3, Section D.2 Feature Support</li>
<li>Supports the semantics defined for those features in the context of this profile.</li>
</ul>
</li>
<li>Satisfy all requirements specified in Sections 4-8 and any references from those sections in this document.</li>
</ul>
<p>This constrained profile enumerates a set of required TTML features, some of which may be constrained in behavior,
and the capabilities required of a Presentation Processor in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>]. The semantics defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] apply
unless otherwise constrained in this profile.
Claims of document conformance <em class="rfc2119" title="must">must</em> use this URI defined in this profile.
Claims of presentation processor conformance <em class="rfc2119" title="must">must</em> implement the required features and constraints of use and processing outlined in this profile.</p>
<table>
<tbody><tr>
<th>Name</th>
<th>Designator</th>
</tr>
<tr>
<td>simple-delivery</td>
<td>http://www.w3.org/TR/profile/simple-delivery</td>
</tr>
</tbody></table>
<p>Conformance to this profile does not preclude the:</p>
<ol>
<li>Use of other features defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>]. Such behavior is not defined here.</li>
<li>Use of other profiles that may implement the features in this profile.</li>
</ol>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Error handling behavior is described in <a href="#error_handling">Error Handling</a>.</p></div></div>
</section>
<section id="terms">
<!--OddPage--><h2><span class="secno">3. </span>Terms, Definitions, and Conventions</h2>
<p>The terms and definitions in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] serve as the basis for this interoperability profile. Terms found here are in addition to those found in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>].</p>
<table title="Table 1 - Terms and Definitions">
<tbody><tr>
<th>Name</th>
<th>Definition</th>
</tr>
<tr>
<td>Required feature</td>
<td>A TTML feature is required for use.</td>
</tr>
<tr>
<td>Required feature with constraints</td>
<td>A TTML feature is required but constrained by this profile for use and/or processing.</td>
</tr>
<tr>
<td>Optional feature</td>
<td>Any TTML feature not included in this profile.</td>
</tr>
</tbody></table>
<p>When this document refers to a TTML element type, if no namespace prefix is specified, then the <code>tt</code>
namespace prefix is implied. This prefix and other explicit namespace prefixes used herein correspond to those
TTML namespaces defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] Section 5.1.</p>
</section>
<section id="SimpleProfile">
<!--OddPage--><h2><span class="secno">4. </span>Simple Delivery Profile for Closed Captions</h2>
<p>This profile represents a minimum set of required functionality using specified TTML features to deliver closed captions for online-delivery. This profile does not preclude optional features from use.</p>
<p>The functionality is described in how it constrains the use of TTML features and how a presentation processor provides those captions. An example implementing this constrained profile exists in <a href="#Features_in_TTML_1.0_Used">Profile designator</a>; error handling behavior is found in <a href="#error_handling">Error Handling</a>.</p>
<section id="Use_of_TTML_Constrained_Feature_Template">
<h3><span class="secno">4.1 </span>Use of TTML Constrained Feature Template</h3>
<p>This profile identifies functionality in the context of the required [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] features used and applies constraints. Each function is defined by:</p>
<ul>
<li>Usage scenario</li>
<li>Constraints</li>
</ul>
<p>The template is as follows:</p>
<section><div class="template">
<section class="Usage_Scenario">
<h5 id="usage-scenario-27">Usage Scenario</h5>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Usage_Scenario">
<h5 id="usage-constraints">Usage Constraints</h5>
</section>
</div></section>
</section>
</section>
<section class="Structural_Constraints" id="structural-constraints">
<!--OddPage--><h2><span class="secno">5. </span>Structural Constraints</h2>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0001">A document <em class="rfc2119" title="must">must</em> contain both a head and body element.</div></div>
<div><div class="numbered constraint" title="R0002">A document <em class="rfc2119" title="must">must</em> contain both a styling and a layout element.</div></div>
<div><div class="numbered constraint" title="R0003">A document <em class="rfc2119" title="must not">must not</em> use a div element inside a div element.</div></div>
<div><div class="numbered constraint" title="R0004">A document <em class="rfc2119" title="must">must</em> contain only a single level of span element within a p element.</div></div>
<div><div class="numbered" title="E0001">Single level of spans.</div></div>
<div class="example"><div class="example-title"><span>Example 1</span></div><pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color: blue;">&lt;</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">&gt;</span>A<span style="color: blue;">&lt;/</span><span style="color: #a31515;">span</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s3</span>"<span style="color: blue;">&gt;</span>B<span style="color: blue;">&lt;/</span><span style="color: #a31515;">span</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">&gt;</span>C<span style="color: blue;">&lt;/</span><span style="color: #a31515;">span</span><span style="color: blue;">&gt;</span></pre></div>
<div><div class="numbered constraint" title="R0005">A document <em class="rfc2119" title="must">must</em> reference all styles using a style attribute to a style element.</div></div>
<div><div class="numbered constraint" title="R0006">A document <em class="rfc2119" title="must">must</em> have all elements are in order of time. That is, in a par context, a timed element <em class="rfc2119" title="must not">must not</em> lexically precede another timed element with an earlier start time.</div></div>
</section>
<section id="Constrained_Features">
<!--OddPage--><h2><span class="secno">6. </span>Constrained Features</h2>
<p></p>
<section id="Constrained_TTML_Feature_core">
<h3><span class="secno">6.1 </span>Use of Constrained TTML Feature <span>core</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario">
<h4><span class="secno">6.1.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#core</td>
<td>required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints">
<h4><span class="secno">6.1.2 </span>Constraints</h4>
<p>None</p>
</section>
</section>
<section id="Use_of_Constrained_TTML_Feature_content">
<h3><span class="secno">6.2 </span>Use of Constrained TTML Feature <span>content</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-1">
<h4><span class="secno">6.2.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#content</td>
<td>Required with constraint</td>
<td>Specified elements are used.</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-1">
<h4><span class="secno">6.2.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0007">A document <em class="rfc2119" title="must not">must not</em> contain an element that is not one of the following:</div></div>
<ul>
<li><code>tt</code></li>
<li><code>head</code></li>
<li><code>body</code></li>
<li><code>div</code></li>
<li><code>p</code></li>
<li><code>span</code></li>
<li><code>br</code></li>
<li><code>set</code></li>
<li><code>layout</code></li>
<li><code>styling</code></li>
<li><code>region</code></li>
<li><code>style</code></li>
<li><code>ttp:extension</code></li>
<li><code>ttp:extensions</code></li>
<li><code>ttp:feature</code></li>
<li><code>ttp:features</code></li>
<li><code>ttp:profile</code></li>
</ul>
</section>
</section>
<section id="Use_of_Constrained_TTML_Feature_content_presentation">
<h3><span class="secno">6.3 </span>Use of Constrained TTML Feature <span>presentation</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-2">
<h4><span class="secno">6.3.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#presentation</td>
<td>required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-2">
<h4><span class="secno">6.3.2 </span>Constraints</h4>
<p>None</p>
</section>
</section>
<section id="Use_of_Constrained_TTML_Feature_content_profile">
<h3><span class="secno">6.4 </span>Use of Constrained TTML Feature <span>profile</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-3">
<h4><span class="secno">6.4.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#profile</td>
<td>required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-3">
<h4><span class="secno">6.4.2 </span>Constraints</h4>
<div><div class="numbered constraint" title="R0008">Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents referencing this profile using the following URI: <dfn id="dfn-http-www.w3.org-tr-profile-simple-delivery">http://www.w3.org/TR/profile/simple-delivery</dfn>.</div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>See also <a href="#conformance">Conformance</a>. [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] allows zero or more profiles (ttp:profile in the head element) to be specified and used simultaneously. A presentation processor may reject documents it does not understand.</p></div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>When the <code>use</code> attribute is used on the <code>ttp:profile</code> element could indicate the geographical region for which the profile is used. For example, specific styling capabilities could be used in a particular geographical region. See also <a href="#other_constraints">Other Constraints</a>.</p></div></div>
</section>
</section>
<section id="Use_of_Constrained_TTML_Feature_content_structure">
<h3><span class="secno">6.5 </span>Use of Constrained TTML Feature <span>structure</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-4">
<h4><span class="secno">6.5.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#structure</td>
<td>required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-4">
<h4><span class="secno">6.5.2 </span>Constraints</h4>
<p>None</p>
</section>
</section>
</section>
<section id="Style_Constraints">
<!--OddPage--><h2><span class="secno">7. </span>Style Constraints</h2>
<p></p>
<section id="Constrained_TTML_Feature_backgroundColor">
<h3><span class="secno">7.1 </span>Use of Constrained TTML Feature <span>backgroundColor-*</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-5">
<h4><span class="secno">7.1.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#backgroundColor-block<br>
#backgroundColor-inline</td>
<td>Required with constraints</td>
<td>p element<br>
region element</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-5">
<h4><span class="secno">7.1.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0009">The backgroundColor <em class="rfc2119" title="must">must</em> be expressed in #rrggbbaa format exclusively using the <dfn id="dfn-hexdigit">&lt;hexdigit&gt;</dfn> style value expression.</div></div>
<div><div class="numbered constraint" title="R0010">The backgroundColor <em class="rfc2119" title="must">must</em> support the colors outlined in <a href="#color-values">Color Values</a>.</div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>These colors are identical to those identified in the CEA708-D, Section 8.8 [RBG resolution of 4 bits for each primary (03)].</p></div></div>
<div><div class="numbered constraint" title="R0011">The alpha component of backgroundColor <em class="rfc2119" title="must">must</em> support the opacity values outlined in <a href="#color-values">Color Values</a>.</div></div>
<div><div class="numbered constraint" title="R0012">The alpha component of backgroundColor for a region <em class="rfc2119" title="must">must</em> be zero (0).</div></div>
<div><div class="numbered constraint" title="R0013">The presentation processor <em class="rfc2119" title="must">must</em> allow the user to specify a backgroundColor for p and span elements based on a minimum of an 8-color palette of white, black, red, green, blue, yellow, magenta, and cyan (See Minimum Color List in <a href="#color-values">Color Values</a> ).</div></div>
<div><div class="numbered constraint" title="R0014">The presentation processor <em class="rfc2119" title="must">must</em> allow the user to specify a backgroundColor for p and span elements to allow for semi-transparent and transparent opacities.</div></div>
<div><div class="numbered" title="E0002">Multiple Background Styles. The <code>tts:backgroundColor</code> is specified distinctly for a region, a paragraph selected into
that region, and a span of text in that paragraph.</div></div>
<div class="example"><div class="example-title"><span>Example 2</span></div><pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;">&lt;region id="r1" tts:backgroundColor="#00000000"/&gt;
...
&lt;p region="r1" tts:backgroundColor="#1049edff"&gt;
  Twinkle, twinkle, little bat!&lt;br&gt;
  How &lt;span tts:backgroundColor="#ed1078ff"&gt;I wonder&lt;/span&gt; where you're at!
&lt;/p&gt;</pre></div>
</section>
</section>
<section id="Constrained_TTML_Feature_color">
<h3><span class="secno">7.2 </span>Use of Constrained TTML Feature <span>color</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-6">
<h4><span class="secno">7.2.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#color</td>
<td>Required with constraints</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-6">
<h4><span class="secno">7.2.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0015">The color <em class="rfc2119" title="must">must</em> be expressed in #rrggbbaa format exclusively using the <dfn id="dfn-hexdigit-1">&lt;hexdigit&gt;</dfn> style value expression.</div></div>
<div><div class="numbered constraint" title="R0016">The color <em class="rfc2119" title="must">must</em> support the colors outlined in <a href="#color-values">Color Values</a>.</div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>These colors are identical to those identified in the CEA708-D, Section 8.8 [RBG resolution of 4 bits for each primary (03)].</p></div></div>
<div><div class="numbered constraint" title="R0017">The alpha component of color <em class="rfc2119" title="must">must</em> support the opacity values outlined in <a href="#color-values">Color Values</a>.</div></div>
<div><div class="numbered constraint" title="R0018">The presentation processor <em class="rfc2119" title="must">must</em> allow the user to specify a color for p and span elements based on a minimum of an 8-color palette of white, black, red, green, blue, yellow, magenta, and cyan (See Minimum Color List in <a href="#color-values">Color Values</a> ).</div></div>
<div><div class="numbered constraint" title="R0019">The presentation processor <em class="rfc2119" title="must">must</em> allow the user to specify a color for p and span elements to allow for semi-transparent and transparent opacities.</div></div>
</section>
</section>
<section id="Constrained_TTML_Feature_display_region">
<h3><span class="secno">7.3 </span>Use of Constrained TTML Feature <span>display-region</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-7">
<h4><span class="secno">7.3.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#display-region</td>
<td>required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-7">
<h4><span class="secno">7.3.2 </span>Constraints</h4>
<p>None</p>
</section>
</section>
<section id="Constrained_TTML_Feature_extent_region">
<h3><span class="secno">7.4 </span>Use of Constrained TTML Feature <span>extent-region</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-8">
<h4><span class="secno">7.4.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#extent-region</td>
<td>Required with constraints</td>
<td>region<br>
root</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-8">
<h4><span class="secno">7.4.2 </span>Constraints</h4>
<div><div class="numbered constraint" title="R0020">The origin and extent of a region <em class="rfc2119" title="must not">must not</em> be specified such that the region extends outside of the root container.</div></div>
<div><div class="numbered constraint" title="R0021">A presentation processor <em class="rfc2119" title="must">must</em> fix the root container origin so that it corresponds with the top, left corner of the related
media object [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>], Section 2.2.</div></div>
<div><div class="numbered constraint" title="R0022">A presentation processor <em class="rfc2119" title="must">must</em> fix the root container extent so that it corresponds with the extent of the related
media object [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>], Section 2.2.</div></div>
</section>
<section class="informative" id="examples">
<h4><span class="secno">7.4.3 </span>Examples</h4><p><em>This section is non-normative.</em></p>
<p>This profile supports the following caption styles:</p>
<ul>
<li>Pop-up</li>
<li>Roll-up</li>
<li>Paint-on</li>
</ul>
<p>Pop-up style captions are typically characterized by small blocks of text that appear all at once.</p>
<p>Roll-up style captions are typically characterized by words (or small groups of letters) appearing sequentially,
so that a line fills up incrementally, and then as new lines are added the upper lines are scrolled out of view.</p>
<p>A Paint-on caption typically appears on the screen one character at a time and is displayed like a Pop-up caption.</p>
<p>These caption styles are further elucidated by examples below.</p>
<div><div class="numbered" title="E0003">Pop-up style</div></div>
<div class="example"><div class="example-title"><span>Example 3</span></div><pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color: blue;">&lt;</span><span style="color: #a31515;">tt</span><span style="color: blue;"> </span><span style="color: red;">xml:lang</span><span style="color: blue;">=</span>"<span style="color: blue;">en-us</span>"<span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml</span>"<span style="color: blue;"> </span>
<span style="color: blue;">    </span><span style="color: red;">xmlns:s</span><span style="color: blue;">=</span>'<span style="color: blue;">http://www.w3.org/ns/ttml#styling</span>'<span style="color: blue;"> </span>
<span style="color: blue;">    </span><span style="color: red;">xmlns:p</span><span style="color: blue;">=</span>'<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>'<span style="color: blue;"> &gt;</span>
<span style="color: blue;">  &lt;</span><span style="color: #a31515;">head</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">p:profile</span><span style="color: blue;"> </span><span style="color: red;">use</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/profile/online-delivery</span>"<span style="color: blue;">/&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">styling</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;!--</span><span style="color: green;"> A typical transparent region with centered text that has an outline </span><span style="color: blue;">--&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">#000000ff 5%</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">#00000000</span>"<span style="color: blue;"> </span><span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">20% 58%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">    &lt;/</span><span style="color: #a31515;">styling</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">layout</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;!--</span><span style="color: green;"> typical 'Pop-up' type region </span><span style="color: blue;">--&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMid</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> /&gt;</span>
<span style="color: blue;">    &lt;/</span><span style="color: #a31515;">layout</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">  &lt;/</span><span style="color: #a31515;">head</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">  &lt;</span><span style="color: #a31515;">body</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">div</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">defaultFont</span>"<span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMid</span>"<span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:00.101</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:03.000</span>'<span style="color: blue;">&gt;</span> This is a Pop-up caption. <span style="color: blue;">&lt;/</span><span style="color: #a31515;">p</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;/</span><span style="color: #a31515;">div</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">  &lt;/</span><span style="color: #a31515;">body</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;/</span><span style="color: #a31515;">tt</span><span style="color: blue;">&gt;</span></pre></div>
<!-- div data-include=example1.xml'></div --></section>
<section>
<div><div class="numbered" title="E0004">Positioned style. An off-screen narrator is present and no graphics are used. Content placed in a single region in the bottom one-third of that region.</div></div>
<!-- div data-include=example2.xml'></div -->
<div class="example"><div class="example-title"><span>Example 4</span></div><pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color: blue;">&lt;</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">black 1px</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">transparent</span>"<span style="color: blue;"> </span><span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">20% 58%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">&lt;</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">topMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">black 1px</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">transparent</span>"<span style="color: blue;"> </span><span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">20% 10%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/&gt;</span></pre></div></section>
<section>
<div><div class="numbered" title="E0005">Moving regions. Content is positioned based on location of speaker, visible in the bottom two lines individually positioned in region(s) so as to avoid background content..</div></div>
<!-- div data-include=example3.xml'></div -->
<div class="example"><div class="example-title"><span>Example 5</span></div><pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color: blue;">&lt;?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?&gt;</span>
<span style="color: blue;">&lt;</span><span style="color: #a31515;">tt</span><span style="color: blue;"> </span><span style="color: red;">xml:lang</span><span style="color: blue;">=</span>"<span style="color: blue;">en-us</span>"<span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml</span>"<span style="color: blue;"> </span><span style="color: red;">xmlns:s</span><span style="color: blue;">=</span>'<span style="color: blue;">http://www.w3.org/ns/ttml#styling</span>'<span style="color: blue;">&gt;</span>
<span style="color: blue;">  &lt;</span><span style="color: #a31515;">head</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">styling</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>"<span style="color: blue;">none</span>"<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">40% 18%</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">    &lt;/</span><span style="color: #a31515;">styling</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">layout</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 10%</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 10%</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">      &lt;/</span><span style="color: #a31515;">region</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">id</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s2</span>"<span style="color: blue;">&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 10%</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 10%</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">      &lt;/</span><span style="color: #a31515;">region</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">id</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s3</span>"<span style="color: blue;">&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 78%</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 78%</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">      &lt;/</span><span style="color: #a31515;">region</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">id</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s4</span>"<span style="color: blue;">&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 78%</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">        &lt;</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 78%</span>'<span style="color: blue;">/&gt;</span>
<span style="color: blue;">      &lt;/</span><span style="color: #a31515;">region</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;/</span><span style="color: #a31515;">layout</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">  &lt;/</span><span style="color: #a31515;">head</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">  &lt;</span><span style="color: #a31515;">body</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">div</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;!--</span><span style="color: green;">four speakers count off, and then all call 'Jump' together </span><span style="color: blue;">--&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> &gt;</span>One<span style="color: blue;">&lt;/</span><span style="color: #a31515;">p</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> &gt;</span>Two<span style="color: blue;">&lt;/</span><span style="color: #a31515;">p</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;">&gt;</span>Three<span style="color: blue;">&lt;/</span><span style="color: #a31515;">p</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> &gt;</span>Four<span style="color: blue;">&lt;/</span><span style="color: #a31515;">p</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> &gt;</span>Jump!<span style="color: blue;">&lt;/</span><span style="color: #a31515;">p</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> &gt;</span>Jump!<span style="color: blue;">&lt;/</span><span style="color: #a31515;">p</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;">&gt;</span>Jump!<span style="color: blue;">&lt;/</span><span style="color: #a31515;">p</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">      &lt;</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> &gt;</span>Jump!<span style="color: blue;">&lt;/</span><span style="color: #a31515;">p</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;/</span><span style="color: #a31515;">div</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">  &lt;/</span><span style="color: #a31515;">body</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;/</span><span style="color: #a31515;">tt</span><span style="color: blue;">&gt;</span></pre></div></section>
</section>
<section id="Constrained_TTML_Feature_display_display_fontFamily_generic">
<h3><span class="secno">7.5 </span>Use of Constrained TTML Feature <span>fontFamily-generic</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-9">
<h4><span class="secno">7.5.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#fontFamily-generic</td>
<td>Required with constraints</td>
<td>tts:fontFamily attribute</td>
<td>span</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-9">
<h4><span class="secno">7.5.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0023">The document <em class="rfc2119" title="must">must</em> use the tts:fontFamily attribute using only the following values:</div></div>
<ul>
<li>default</li>
<li>monospaceSerif</li>
<li>proportionalSerif</li>
<li>monospaceSansSerif</li>
<li>proportionalSansSerif</li>
<li>casual</li>
<li>cursive</li>
<li>smallCaps</li>
</ul>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Values of tts:fontFamily that do not not correspond to generic font family names in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], such as <code>casual</code>, <code>cursive</code> and <code>smallCaps</code>, may be used. These are to be interpreted as local font names, which, if not available, the <code>default</code> font family is to be used.</p></div></div>
<div><div class="numbered constraint" title="R0024">A presentation processor <em class="rfc2119" title="must">must</em> map the generic font names to fonts as follows:</div></div>
<table>
<tbody><tr>
<th>Style Value</th>
<th>Description</th>
<th>Comments</th>
</tr>
<tr>
<td>default</td>
<td>default</td>
<td>One of the below</td>
</tr>
<tr>
<td>monospace</td>
<td>Serif Monospaced with serifs</td>
<td>Similar to Courier</td>
</tr>
<tr>
<td>proportional</td>
<td>Serif Proportionally spaced with serifs</td>
<td>Similar to Times New Roman</td>
</tr>
<tr>
<td>monospaceSansSerif</td>
<td>Monospaced without serifs</td>
<td>Similar to Helvetica Monospaced</td>
</tr>
<tr>
<td>proportionalSansSerif</td>
<td>Proportionally spaced without serifs</td>
<td>Similar to Arial and Swiss</td>
</tr>
<tr>
<td>casual</td>
<td>Casual font type</td>
<td>Similar to Dom and Impress</td>
</tr>
<tr>
<td>cursive</td>
<td>Cursive font type</td>
<td>Similar to Coronet and Marigold</td>
</tr>
<tr>
<td>smallCaps</td>
<td>Smallcap types</td>
<td>Similar to Engravers Gothic</td>
</tr>
</tbody></table>
<div><div class="numbered constraint" title="R0025">The presentation processor <em class="rfc2119" title="must">must</em> allow the user to specify a generic fontFamily for the document using the values shown in the preceding table.</div></div>
<div><div class="numbered constraint" title="R0026">The presentation processor <em class="rfc2119" title="must">must</em> allow the user to specify character edge attributes and types for the generic fontFamily names for the values shown in the preceding table.</div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Presentation processor and Unicode code point support is defined in <a href="#code-points">Code Point support</a></p></div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Text outline can be specified using a style property to apply to characters selected for specific areas for content flowed into a region. Text outline applies a specific character edge to content. For example, when the textOutline style property is used, a type of shadow or thickness can be applied to content.</p></div></div>
</section>
</section>
<section id="Constrained_TTML_Feature_display_display_fontSize">
<h3><span class="secno">7.6 </span>Use of Constrained TTML Feature <span>fontSize</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-10">
<h4><span class="secno">7.6.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#fontSize</td>
<td>Required with constraints</td>
<td>&nbsp;</td>
<td>span<br>
div (root)</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-10">
<h4><span class="secno">7.6.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0027">A document <em class="rfc2119" title="must not">must not</em> specify <code>tts:fontSize</code> using a value that is not one of 50%, 75%, 100%, 150% or 200%.</div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Use of a fontSize of less than 75% (i.e. 50%) may result in unreadable content for a user.</p></div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Specifying a fontSize is used for a document could allow the user to select a preferred fontSize.</p></div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>If a specific fontSize is not supported, then, follow the semantics for a presentation processor defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], Section 8.2.9.</p></div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Constraining the root container extent to the active video area means that the default
font size of 1c and the default cell grid of 32 x 15 (as specified in TTML 1.0) implies an initial font height of 6.67% of the video height.</p></div></div>
</section>
</section>
<section id="Constrained_TTML_Feature_display_display_fontStyle_italic">
<h3><span class="secno">7.7 </span>Use of Constrained TTML Feature <span>fontStyle-italic</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-11">
<h4><span class="secno">7.7.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#fontStyle-italic</td>
<td>Required with constraints</td>
<td>span</td>
<td>span</td>
<td>Support 7 font family values.</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-11">
<h4><span class="secno">7.7.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0028">The capability <em class="rfc2119" title="must">must</em> exist for the user to specify the italic style for the font families identified in this profile.</div></div>
</section>
</section>
<section id="Constrained_TTML_Feature_length_percentage">
<h3><span class="secno">7.8 </span>Use of Constrained TTML Feature <span>length-percentage</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-12">
<h4><span class="secno">7.8.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#length-percentage</td>
<td>Required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-12">
<h4><span class="secno">7.8.2 </span>Constraints</h4>
<p>None</p>
<section>
<div><div class="numbered" title="E0006">Using 10% for the tts:extent of the root container region (for example, of an 720x640 region), the equivalence to pixel units (px) could be obtained. For example, using this snippet:</div></div>
<div class="example"><div class="example-title"><span>Example 6</span></div><pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color:blue;">&lt;</span><span style="color:#a31515;">style</span><span style="color:blue;"> </span><span style="color:red;">xml:id</span><span style="color:blue;">=</span>"<span style="color:blue;">topLeftStyle</span>"<span style="color:blue;"> </span><span style="color:red;">s:fontSize</span><span style="color:blue;">=</span>"<span style="color:blue;">150%</span>"<span style="color:blue;"> </span><span style="color:red;">s:textAlign</span><span style="color:blue;">=</span>"<span style="color:blue;">left</span>"<span style="color:blue;"> </span><span style="color:red;">s:backgroundColor</span><span style="color:blue;">=</span>"<span style="color:blue;">#ffffffff</span>"<span style="color:blue;"> </span><span style="color:red;">s:color</span><span style="color:blue;">=</span>"<span style="color:blue;">#ff0000ff</span>"<span style="color:blue;"> </span><span style="color:red;">s:origin</span><span style="color:blue;">=</span>'<span style="color:blue;">10% 10%</span>'<span style="color:blue;"> </span><span style="color:red;">s:extent</span><span style="color:blue;">=</span>'<span style="color:blue;">40% 18%</span>'<span style="color:blue;">/&gt;</span></pre></div>
<!-- div data-include=fontsize-example.xml'></div >
                        <style xml:id="topLeftStyle" s:fontSize="150%" s:textAlign="left" s:backgroundColor="#ffffffff" s:color="#ff0000ff" 
                         s:origin='10% 10%' s:extent='40% 18%'/> -->
<p>Convert the percentage value to a fraction (i.e. .40), multiply the numerator by 16 and divide by 100 to obtain px (pixel units).</p>
</section>
</section>
</section>
<section id="Constrained_TTML_Feature_length_positive">
<h3><span class="secno">7.9 </span>Use of Constrained TTML Feature <span>length-positive</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-13">
<h4><span class="secno">7.9.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#length-positive</td>
<td>Required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-13">
<h4><span class="secno">7.9.2 </span>Constraints</h4>
<p>None</p>
</section>
</section>
<section id="Constrained_TTML_Feature_styling">
<h3><span class="secno">7.10 </span>Use of Constrained TTML Feature <span>styling-*</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-14">
<h4><span class="secno">7.10.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#styling<br>
#styling-referential<br>
#styling-inline</td>
<td>Required with constraints</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-14">
<h4><span class="secno">7.10.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0029">Styles <em class="rfc2119" title="must">must</em> be applied either by reference or through use of inline styling.</div></div>
<div><div class="numbered constraint" title="R0030">Styles <em class="rfc2119" title="must">must</em> be applied with a single style element using the style attribute.</div></div>
<div><div class="numbered constraint" title="R0031">Style elements <em class="rfc2119" title="must not">must not</em> reference other styles.</div></div>
<div><div class="numbered constraint" title="R0032">Style elements <em class="rfc2119" title="must not">must not</em> be child elements of region elements.</div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>The constraints in this section result in a document that contains style blocks that are complete and self-contained.</p></div></div>
</section>
</section>
<section id="Constrained_TTML_Feature_styling_inheritance_content">
<h3><span class="secno">7.11 </span>Use of Constrained TTML Feature <span>styling-inheritance-content</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-15">
<h4><span class="secno">7.11.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#styling-inheritance-content</td>
<td>Required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-15">
<h4><span class="secno">7.11.2 </span>Constraints</h4>
<p>None</p>
</section>
</section>
<section id="Constrained_TTML_Feature_styling_inheritance_region">
<h3><span class="secno">7.12 </span>Use of Constrained TTML Feature <span>styling-inheritance-region</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-16">
<h4><span class="secno">7.12.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#styling-inheritance-region</td>
<td>Required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-16">
<h4><span class="secno">7.12.2 </span>Constraints</h4>
<p>None</p>
</section>
</section>
<section id="Constrained_TTML_Feature_textAlign_absolute">
<h3><span class="secno">7.13 </span>Use of Constrained TTML Feature <span>textAlign-absolute</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-17">
<h4><span class="secno">7.13.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#textAlign-absolute</td>
<td>Required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-17">
<h4><span class="secno">7.13.2 </span>Constraints</h4>
<p>None</p>
</section>
</section>
<section id="Constrained_TTML_Feature_textDecoration_under">
<h3><span class="secno">7.14 </span>Use of Constrained TTML Feature <span>textDecoration-under</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-18">
<h4><span class="secno">7.14.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#textDecoration-under</td>
<td>Required with Constraints</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-18">
<h4><span class="secno">7.14.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0033">The tts:textDecoration-under attribute <em class="rfc2119" title="must">must</em> support the constraints identified in this profile.</div></div>
<div><div class="numbered constraint" title="R0034">The capability <em class="rfc2119" title="must">must</em> exist for the user to specify the underline decoration for the font families identified in this profile.</div></div>
</section>
</section>
<section id="Constrained_TTML_Feature_textOutline_unblurred">
<h3><span class="secno">7.15 </span>Use of Constrained TTML Feature <span>textOutline-unblurred</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-19">
<h4><span class="secno">7.15.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#textOutline-unblurred</td>
<td>Required with Constraints</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-19">
<h4><span class="secno">7.15.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0035">Character edge attributes <em class="rfc2119" title="must">must</em> be expressed using textOutline-unblurred based on the settings identified in CEA-708-D, Section 8.5.8.</div></div>
<div><div class="numbered constraint" title="R0036">A text outline <em class="rfc2119" title="must">must</em> be expressed using textOutline-unblurred of up to 10% thickness.</div></div>
<div><div class="numbered constraint" title="R0037">The user <em class="rfc2119" title="must">must</em> be able to specify character edge and type attributes using tts:textOutline attribute.</div></div>
<div><div class="numbered constraint" title="R0038">The user <em class="rfc2119" title="should">should</em> be able to specify the rendering of character edge types of: none, raised, depressed, uniform or drop shadowed edges.</div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>This requirement targets the capabilities of a presentation processor.</p></div></div>
</section>
</section>
<section id="Constrained_TTML_Feature_writingMode_horizontal_lr">
<h3><span class="secno">7.16 </span>Use of Constrained TTML Feature <span>writingMode-horizontal-lr</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-20">
<h4><span class="secno">7.16.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#writingMode-horizontal-lr</td>
<td>Required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-20">
<h4><span class="secno">7.16.2 </span>Constraints</h4>
<p>None</p>
</section>
</section>
</section>
<section id="layout_constraints">
<!--OddPage--><h2><span class="secno">8. </span>Layout Constraints</h2>
<p></p>
<section id="Constrained_TTML_Feature_layout">
<h3><span class="secno">8.1 </span>Use of Constrained TTML Feature <span>layout</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-21">
<h4><span class="secno">8.1.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#layout</td>
<td>Required with constraints</td>
<td>region attribute</td>
<td>content</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-21">
<h4><span class="secno">8.1.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0039">Active regions <em class="rfc2119" title="must not">must not</em> overlap.</div></div>
<div><div class="numbered constraint" title="R0040">More than four regions <em class="rfc2119" title="must not">must not</em> be active in any synchronic intermediate document.</div></div>
<div><div class="numbered constraint" title="R0041">More than four lines of text <em class="rfc2119" title="must not">must not</em> be selected into all active regions in any synchronic intermediate document.</div></div>
</section>
</section>
<section id="Constrained_TTML_Feature_lineBreak-uax14">
<h3><span class="secno">8.2 </span>Use of Constrained TTML Feature <span>lineBreak-uax14</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-22">
<h4><span class="secno">8.2.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#lineBreak-uax14</td>
<td>Required with constraints</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-22">
<h4><span class="secno">8.2.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0042">If the aspect ratio of the root container is 4:3 (16:9), then, respectively, more than 38 (42) characters <em class="rfc2119" title="must not">must not</em> be
present in any displayed text line.</div></div>
<div><div class="numbered constraint" title="R0043">If the aspect ratio of the root container is 4:3 (16:9), then, respectively, more than 152 (168) characters <em class="rfc2119" title="must not">must not</em> be
present in all displayed text lines.</div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>These requirements accommodate content originated in Europe but displayed in the US, as well as content displayed using 16:9 format.</p></div></div>
<div><div class="numbered constraint" title="R0044">At most one p element <em class="rfc2119" title="must">must</em> be selected into a region at a time.</div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>The style properites of region and the content selected for the region impact how selected text flows into a region (i.e. selected text may flow outside of the region such as on a mobile device).</p></div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Constraining one p element to a region logically places content from two different speakers to different region(s).</p></div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>When a document author wants to construct a single phrase from a speaker with more than one line in a region, the br within a p element can be used. This construction adheres to the constraints in this section. For example for one speaker with more than one line:</p></div></div>
<div class="example"><div class="example-title"><span>Example 7</span></div><pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color:blue;">&lt;</span><span style="color:#a31515;">p</span><span style="color:blue;">&gt;</span> I always get the fuzzy end<span style="color:blue;">&lt;</span><span style="color:#a31515;">br</span><span style="color:blue;">/&gt;</span>of the lollipop<span style="color:blue;">&lt;/</span><span style="color:#a31515;">p</span><span style="color:blue;">&gt;</span></pre></div></section>
</section>
</section>
<section id="timing_constraints">
<!--OddPage--><h2><span class="secno">9. </span>Timing Constraints</h2>
<p></p>
<section id="Constrained_TTML_Feature_timing">
<h3><span class="secno">9.1 </span>Use of Constrained TTML Feature <span>timing</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-23">
<h4><span class="secno">9.1.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#timing</td>
<td>Required with constraints</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-23">
<h4><span class="secno">9.1.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0045">Timing <em class="rfc2119" title="must">must</em> be expressed in the hh:mm:ss.ms or hh:mm:ss:ff format used in the timeExpression.</div></div>
<div><div class="numbered constraint" title="R0046">Timing <em class="rfc2119" title="must">must</em> be expressed in the same format throughout the document.</div></div>
<div><div class="numbered constraint" title="R0047">Presentation processors <em class="rfc2119" title="must">must</em> support durations (dur) on the p and span elements, and <em class="rfc2119" title="may">may</em> (but need not) support on other element types;
as such, a document <em class="rfc2119" title="should not">should not</em> use a duration on an element type other than p or span.</div></div>
<div><div class="numbered constraint" title="R0048">For timing in hh:mm:ss.ms, the following format <em class="rfc2119" title="must">must</em> be used:</div></div>
<ul>
<li>Exactly 2 digits <em class="rfc2119" title="must">must</em> be used in each of the hours, minutes, and second components (include leading zeros).</li>
<li>Exactly 3 decimal places <em class="rfc2119" title="must">must</em> be used for the milliseconds component (include zeros).</li>
</ul>
<div class="example"><div class="example-title"><span>Example 8</span></div><pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color:blue;">&lt;</span><span style="color:#a31515;">p</span><span style="color:blue;"> </span><span style="color:red;">begin</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:01.000</span>'<span style="color:blue;"> </span><span style="color:red;">end</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:11.123</span>'<span style="color:blue;"> </span><span style="color:red;">region</span><span style="color:blue;">=</span>"<span style="color:blue;">r1</span>"<span style="color:blue;"> &gt;</span>Test<span style="color:blue;">&lt;/</span><span style="color:#a31515;">p</span><span style="color:blue;">&gt;</span></pre></div>
<div><div class="numbered constraint" title="R0049">For timing in hh:mm:ss.ms, the following format <em class="rfc2119" title="must">must</em> be used:</div></div>
<ul>
<li>Exactly 2 digits <em class="rfc2119" title="must">must</em> be used in each of the hours, minutes, second, and frame components (include leading zeros).</li>
<li>A ttp:frameRate attribute <em class="rfc2119" title="must">must</em> be present on the root element.</li>
<li>A ttp:frameRateMultiplier attribute <em class="rfc2119" title="may">may</em> be present on the root element.</li>
</ul>
<p></p>
<div class="example"><div class="example-title"><span>Example 9</span></div><pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color:blue;">&lt;</span><span style="color:#a31515;">p</span><span style="color:blue;"> </span><span style="color:red;">begin</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:01:00</span>'<span style="color:blue;"> </span><span style="color:red;">end</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:11:22</span>'<span style="color:blue;"> </span><span style="color:red;">region</span><span style="color:blue;">=</span>"<span style="color:blue;">r1</span>"<span style="color:blue;"> &gt;</span>Test<span style="color:blue;">&lt;/</span><span style="color:#a31515;">p</span><span style="color:blue;">&gt;</span></pre></div></section>
</section>
<section id="Constrained_TTML_Feature_time_offset">
<h3><span class="secno">9.2 </span>Use of Constrained TTML Feature <span>time-offset</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-24">
<h4><span class="secno">9.2.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#time-offset</td>
<td>Required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-24">
<h4><span class="secno">9.2.2 </span>Constraints</h4>
<p>None</p>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Since the ttp:timebase attribute is outside of this profile, the implicit timebase used here is media as specified in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>].</p></div></div>
</section>
</section>
<section id="frameRate">
<h3><span class="secno">9.3 </span>Use of Constrained TTML Feature <span>frameRate and frameRateMultiplier</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-25">
<h4><span class="secno">9.3.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#frameRate<br>
#frameRateMultiplier</td>
<td>Required</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Use of the #frameRateMultiplier feature is optional in a document (see <a href="#Features_in_TTML_1.0_Used">Features in TTML1.0 Used in This Profile</a>).</p></div></div>
</section>
<section class="Core_Constraints" id="constraints-25">
<h4><span class="secno">9.3.2 </span>Constraints</h4>
<p>See <a href="#Constrained_TTML_Feature_timing">timing</a></p>
</section>
</section>
<section id="animation">
<h3><span class="secno">9.4 </span>Use of Constrained TTML Feature <span>animation</span></h3>
<p></p>
<section class="Usage_Scenario" id="usage-scenario-26">
<h4><span class="secno">9.4.1 </span>Usage Scenario</h4>
<table style="width: 100%;">
<tbody><tr>
<th>TTML Feature</th>
<th>Usage type</th>
<th>Context of Usage</th>
<th>Scope</th>
<th>Constraint</th>
</tr>
<tr>
<td>#animation</td>
<td>Required with constraints</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</section>
<section class="Core_Constraints" id="constraints-26">
<h4><span class="secno">9.4.2 </span>Constraints</h4>
<p>Presentation processors <em class="rfc2119" title="must">must</em> support the capability to present documents where the following constraints apply:</p>
<div><div class="numbered constraint" title="R0050">The set element <em class="rfc2119" title="must">must</em> only animate the region or span element.</div></div>
<div><div class="numbered constraint" title="R0051">The use of set elements applied to a region element <em class="rfc2119" title="must">must</em> only animate the tts:display, tts:origin or tts:extent attribute.</div></div>
<div><div class="numbered constraint" title="R0052">The use of set elements applied to a span element <em class="rfc2119" title="must">must</em> only animate the tts:color attribute.</div></div>
<div><div class="numbered constraint" title="R0053">No more than 6 set elements <em class="rfc2119" title="must">must</em> be used within a given element.</div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Animation is constrained to the scenarios where the region needs to be moved – i.e. when the “snap” display effect is required.</p></div></div>
<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>Animation is constrained to the scenarios to change the foreground color of content when flashing text is required.</p></div></div>
</section>
</section>
</section>
<section id="other_constraints">
<!--OddPage--><h2><span class="secno">10. </span>Other Constraints</h2>
<section id="Section1">
<h3><span class="secno">10.1 </span>User Ease of Use Constraints</h3>
<p>Constraints on reduced or simplified content are outside of this profile. External labeling could be used to support the user’s capability to select and use captions when available for:</p>
<ul>
<li>Reduced or simplified content for “easy reader” or</li>
<li>Additional languages.</li>
</ul>
<p>For example, external labeling could be used to identify simplified or reduced, or other language supported content on a text track in HTML5. Such labeling may also be used to identify when large font size is applied to content. Requirements to support user preview and retention of default or user defined settings of selected text are outside of the scope of this profile. These requirements are relevant in the environment to which the captions are deployed.</p>
</section>
</section>
<section id="Features_in_TTML_1.0_Used">
<!--OddPage--><h2><span class="secno">11. </span>Features in TTML 1.0 Used in This Profile</h2>
<pre style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color: blue;">&lt;?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?&gt;</span>
<span style="color: blue;">&lt;?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?&gt;</span>
<span style="color: blue;">&lt;</span><span style="color: #a31515;">profile</span><span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">&gt;</span>
<span style="color: blue;">  &lt;</span><span style="color: #a31515;">features</span><span style="color: blue;"> </span><span style="color: red;">xml:base</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/feature/</span>"<span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;!--</span><span style="color: green;"> required (mandatory) feature support </span><span style="color: blue;">--&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#animation<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#backgroundColor-block<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#backgroundColor-inline<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#color<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#content<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#core<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#display-region<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#fontFamily-generic<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#fontSize<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#fontStyle-italic<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#frameRate<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">optional</span>"<span style="color: blue;">&gt;</span>#frameRateMultiplier<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#layout<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#length-percentage<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#length-positive<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#lineBreak-uax14<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#presentation<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#profile<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#structure<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#styling<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#styling-inheritance-content<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#styling-inheritance-region<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#styling-inline<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#styling-referential<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#textAlign-absolute<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#textDecoration-under<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#textOutline-unblurred<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#time-offset<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#timing<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">    &lt;</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">&gt;</span>#writingMode-horizontal-lr<span style="color: blue;">&lt;/</span><span style="color: #a31515;">feature</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">  &lt;/</span><span style="color: #a31515;">features</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;/</span><span style="color: #a31515;">profile</span><span style="color: blue;">&gt;</span>
 
 
</pre></section>
<section id="error_handling">
<!--OddPage--><h2><span class="secno">12. </span>Error handling</h2>
<div class="issue"><div class="issue-title"><span>Issue 2</span></div><p class="">This section needs to be rewritten to be better organized, more specific (define what is meant by 'understood', 'known', 'unknown'), grammatical, and use correct terminology (e.g., well-formed vs valid).</p></div>
<p>A presentation processor may be presented with documents that contain features that are not understood. The table that follows outlines the behavior expected under specific conditions. The pre-requisite if the caption file is syntactically valid XML.</p>
<table style="width: 100%;">
<tbody><tr>
<th>Feature</th>
<th>Requirement</th>
<th>Action</th>
</tr>
<tr>
<td>Known</td>
<td>Required</td>
<td><em class="rfc2119" title="must">must</em> interpret</td>
</tr>
<tr>
<td>Unknown</td>
<td>Required</td>
<td><em class="rfc2119" title="must">must</em> ignore</td>
</tr>
</tbody></table>
<p>A presentation processor is not required to reject a document if the profile URI is not recognized. A document is rejected if it contains an unknown required feature and the presentation processor does not implement that feature.</p>
</section>
<section class="appendix" id="future_needs">
<!--OddPage--><h2><span class="secno">A. </span>Future Needs for TTML next for Simple Delivery</h2>
<section class="appendix" id="Section2">
<h3><span class="secno">A.1 </span>Values for fontFamily support</h3>
<p>The casual, cursive and smallCaps generic font families are expected to be considered for inclusion in a future version of TTML.</p>
</section>
<section class="appendix" id="Section3">
<h3><span class="secno">A.2 </span>Support for character edge features</h3>
<p>Additional character edge features for raised, depressed, and drop shadowed edges are suggested for consideration in a future version of TTML.</p>
</section>
</section>
<section class="appendix" id="mapping-of-us-government-requirements-to-constrained-profile-features">
<!--OddPage--><h2><span class="secno">B. </span>Mapping of US Government Requirements to Constrained Profile Features</h2>
<p>A key is provided that maps the US Government technical requirements for closed captions are mapped to the constrained features of this profile.</p>
<table style="width: 100%;">
<tbody><tr>
<td>Presentation</td>
<td>#animation (set)<br>
#display-region<br>
#extent-region<br>
#frameRate<br>
#frameRateMultiplier<br>
#layout<br>
#length-percentage<br>
#length-positive<br>
#lineBreak-uax14<br>
#textAlign-absolute<br>
#time-offset<br>
#timing<br>
#writingMode-lr</td>
</tr>
<tr>
<td>Character color</td>
<td>#animation<br>
#color</td>
</tr>
<tr>
<td>Character opacity</td>
<td>#color</td>
</tr>
<tr>
<td>Character size</td>
<td>#fontSize<br>
#fontStyle-italic<br>
#textDecoration-underline</td>
</tr>
<tr>
<td>Fonts</td>
<td>#fontFamily-generic<br>
#fontStyle-italic</td>
</tr>
<tr>
<td>Caption background color and opacity</td>
<td>#backgroundColor-*</td>
</tr>
<tr>
<td>Character edge attributes</td>
<td>#textOutline-unblurred</td>
</tr>
<tr>
<td>Caption window color</td>
<td>#backgroundColor-*</td>
</tr>
<tr>
<td>Language</td>
<td>#profile</td>
</tr>
<tr>
<td>Preview setting and retention</td>
<td>See <a href="#other_constraints">Other Constraints,</a></td>
</tr>
</tbody></table>
<p>TTML Mandatory Features</p>
<ul>
<li>core</li>
<li>content</li>
<li>presentation</li>
<li>structure</li>
<li>time-offset</li>
<li>timing</li>
</ul>
<p>TTML Features Required That Support Other Requirements</p>
<ul>
<li>styling</li>
<li>styling-referential</li>
<li>styling-inline</li>
<li>styling-inheritance-content</li>
<li>styling-inheritance-region</li>
</ul>
<p></p>
</section>
<section class="appendix" id="code-points">
<!--OddPage--><h2><span class="secno">C. </span>Code points</h2>
<div><div class="numbered constraint" title="R0054">Presentation processors <em class="rfc2119" title="should">should</em> provide font glyph coverage for all characters in the “ISO 8859-1 Latin-1” space and those for ANSI INCITS 4 when mapped onto Unicode code points (see table).</div></div>
<div class="note"><div class="note-title"><span>Note</span></div><p class="">A presentation processor follows the semantics expected for use of Unicode code points as stated in this section. The exact glyph is presentation processor dependent.</p></div>
<div><div class="numbered constraint" title="R0055">Presentation processors <em class="rfc2119" title="should">should</em> support the C0, G0, C1, and G1 code sets mapped onto Unicode as in the following table. See CEA 708, Section 7.1 including Table 11.</div></div>
<table style="border-collapse: collapse;width:630pt; width:835px;border:0">
<colgroup>
<col style="width:38pt; width:51px">
<col span="16" style=" width:37pt; width:49px"></colgroup>
<tbody><tr style="height:15pt">
<td class="style1" style="height:20px;width:51px"></td>
<td class="style2" style="width:49px">_0</td>
<td class="style2" style="width:49px">_1</td>
<td class="style2" style="width:49px">_2</td>
<td class="style2" style="width:49px">_3</td>
<td class="style2" style="width:49px">_4</td>
<td class="style2" style="width:49px">_5</td>
<td class="style2" style="width:49px">_6</td>
<td class="style2" style="width:49px">_7</td>
<td class="style2" style="width:49px">_8</td>
<td class="style2" style="width:49px">_9</td>
<td class="style2" style="width:49px">_A</td>
<td class="style2" style="width:49px">_B</td>
<td class="style2" style="width:49px">_C</td>
<td class="style2" style="width:49px">_D</td>
<td class="style2" style="width:49px">_E</td>
<td class="style2" style="width:49px">_F</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4"><span>&nbsp;</span></td>
<td class="style4">!</td>
<td class="style4">"</td>
<td class="style4">#</td>
<td class="style4">$</td>
<td class="style4">%</td>
<td class="style4">&amp;</td>
<td class="style4">'</td>
<td class="style4">(</td>
<td class="style4">)</td>
<td class="style4">*</td>
<td class="style4">+</td>
<td class="style4">,</td>
<td class="style4">-</td>
<td class="style4">.</td>
<td class="style4">/</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+002_</td>
<td class="style2" style="width:49px">0020</td>
<td class="style2" style="width:49px">0021</td>
<td class="style2" style="width:49px">0022</td>
<td class="style2" style="width:49px">0023</td>
<td class="style2" style="width:49px">0024</td>
<td class="style2" style="width:49px">0025</td>
<td class="style2" style="width:49px">0026</td>
<td class="style2" style="width:49px">0027</td>
<td class="style2" style="width:49px">0028</td>
<td class="style2" style="width:49px">0029</td>
<td class="style2" style="width:49px">002A</td>
<td class="style2" style="width:49px">002B</td>
<td class="style2" style="width:49px">002C</td>
<td class="style2" style="width:49px">002D</td>
<td class="style2" style="width:49px">002E</td>
<td class="style2" style="width:49px">002F</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">0</td>
<td class="style4">1</td>
<td class="style4">2</td>
<td class="style4">3</td>
<td class="style4">4</td>
<td class="style4">5</td>
<td class="style4">6</td>
<td class="style4">7</td>
<td class="style4">8</td>
<td class="style4">9</td>
<td class="style4">:</td>
<td class="style4">;</td>
<td class="style4">&lt;</td>
<td class="style4">=</td>
<td class="style4">&gt;</td>
<td class="style4">?</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+003_</td>
<td class="style2" style="width:49px">0030</td>
<td class="style2" style="width:49px">0031</td>
<td class="style2" style="width:49px">0032</td>
<td class="style2" style="width:49px">0033</td>
<td class="style2" style="width:49px">0034</td>
<td class="style2" style="width:49px">0035</td>
<td class="style2" style="width:49px">0036</td>
<td class="style2" style="width:49px">0037</td>
<td class="style2" style="width:49px">0038</td>
<td class="style2" style="width:49px">0039</td>
<td class="style2" style="width:49px">003A</td>
<td class="style2" style="width:49px">003B</td>
<td class="style2" style="width:49px">003C</td>
<td class="style2" style="width:49px">003D</td>
<td class="style2" style="width:49px">003E</td>
<td class="style2" style="width:49px">003F</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">@</td>
<td class="style4">A</td>
<td class="style4">B</td>
<td class="style4">C</td>
<td class="style4">D</td>
<td class="style4">E</td>
<td class="style4">F</td>
<td class="style4">G</td>
<td class="style4">H</td>
<td class="style4">I</td>
<td class="style4">J</td>
<td class="style4">K</td>
<td class="style4">L</td>
<td class="style4">M</td>
<td class="style4">N</td>
<td class="style4">O</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+004_</td>
<td class="style2" style="width:49px">0040</td>
<td class="style2" style="width:49px">0041</td>
<td class="style2" style="width:49px">0042</td>
<td class="style2" style="width:49px">0043</td>
<td class="style2" style="width:49px">0044</td>
<td class="style2" style="width:49px">0045</td>
<td class="style2" style="width:49px">0046</td>
<td class="style2" style="width:49px">0047</td>
<td class="style2" style="width:49px">0048</td>
<td class="style2" style="width:49px">0049</td>
<td class="style2" style="width:49px">004A</td>
<td class="style2" style="width:49px">004B</td>
<td class="style2" style="width:49px">004C</td>
<td class="style2" style="width:49px">004D</td>
<td class="style2" style="width:49px">004E</td>
<td class="style2" style="width:49px">004F</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">P</td>
<td class="style4">Q</td>
<td class="style4">R</td>
<td class="style4">S</td>
<td class="style4">T</td>
<td class="style4">U</td>
<td class="style4">V</td>
<td class="style4">W</td>
<td class="style4">X</td>
<td class="style4">Y</td>
<td class="style4">Z</td>
<td class="style4">[</td>
<td class="style4">\</td>
<td class="style4">]</td>
<td class="style4">^</td>
<td class="style4">_</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+005_</td>
<td class="style2" style="width:49px">0050</td>
<td class="style2" style="width:49px">0051</td>
<td class="style2" style="width:49px">0052</td>
<td class="style2" style="width:49px">0053</td>
<td class="style2" style="width:49px">0054</td>
<td class="style2" style="width:49px">0055</td>
<td class="style2" style="width:49px">0056</td>
<td class="style2" style="width:49px">0057</td>
<td class="style2" style="width:49px">0058</td>
<td class="style2" style="width:49px">0059</td>
<td class="style2" style="width:49px">005A</td>
<td class="style2" style="width:49px">005B</td>
<td class="style2" style="width:49px">005C</td>
<td class="style2" style="width:49px">005D</td>
<td class="style2" style="width:49px">005E</td>
<td class="style2" style="width:49px">005F</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">`</td>
<td class="style4">a</td>
<td class="style4">b</td>
<td class="style4">c</td>
<td class="style4">d</td>
<td class="style4">e</td>
<td class="style4">f</td>
<td class="style4">g</td>
<td class="style4">h</td>
<td class="style4">i</td>
<td class="style4">j</td>
<td class="style4">k</td>
<td class="style4">l</td>
<td class="style4">m</td>
<td class="style4">n</td>
<td class="style4">o</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+006_</td>
<td class="style2" style="width:49px">0060</td>
<td class="style2" style="width:49px">0061</td>
<td class="style2" style="width:49px">0062</td>
<td class="style2" style="width:49px">0063</td>
<td class="style2" style="width:49px">0064</td>
<td class="style2" style="width:49px">0065</td>
<td class="style2" style="width:49px">0066</td>
<td class="style2" style="width:49px">0067</td>
<td class="style2" style="width:49px">0068</td>
<td class="style2" style="width:49px">0069</td>
<td class="style2" style="width:49px">006A</td>
<td class="style2" style="width:49px">006B</td>
<td class="style2" style="width:49px">006C</td>
<td class="style2" style="width:49px">006D</td>
<td class="style2" style="width:49px">006E</td>
<td class="style2" style="width:49px">006F</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">p</td>
<td class="style4">q</td>
<td class="style4">r</td>
<td class="style4">s</td>
<td class="style4">t</td>
<td class="style4">u</td>
<td class="style4">v</td>
<td class="style4">w</td>
<td class="style4">x</td>
<td class="style4">y</td>
<td class="style4">z</td>
<td class="style4">{</td>
<td class="style4">|</td>
<td class="style4">}</td>
<td class="style4">~</td>
<td class="style6" style="width:49px">♪</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+007_</td>
<td class="style2" style="width:49px">0070</td>
<td class="style2" style="width:49px">0071</td>
<td class="style2" style="width:49px">0072</td>
<td class="style2" style="width:49px">0073</td>
<td class="style2" style="width:49px">0074</td>
<td class="style2" style="width:49px">0075</td>
<td class="style2" style="width:49px">0076</td>
<td class="style2" style="width:49px">0077</td>
<td class="style2" style="width:49px">0078</td>
<td class="style2" style="width:49px">0079</td>
<td class="style2" style="width:49px">007A</td>
<td class="style2" style="width:49px">007B</td>
<td class="style2" style="width:49px">007C</td>
<td class="style2" style="width:49px">007D</td>
<td class="style2" style="width:49px">007E</td>
<td class="style2" style="width:49px">007F</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">¡</td>
<td class="style4">¢</td>
<td class="style4">£</td>
<td class="style4">¤</td>
<td class="style4">¥</td>
<td class="style4">¦</td>
<td class="style4">§</td>
<td class="style4">¨</td>
<td class="style4">©</td>
<td class="style4">ª</td>
<td class="style4">«</td>
<td class="style4">¬</td>
<td class="style4">­</td>
<td class="style4">®</td>
<td class="style4">¯</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+00A_</td>
<td class="style2" style="width:49px">00A0</td>
<td class="style2" style="width:49px">00A1</td>
<td class="style2" style="width:49px">00A2</td>
<td class="style2" style="width:49px">00A3</td>
<td class="style2" style="width:49px">00A4</td>
<td class="style2" style="width:49px">00A5</td>
<td class="style2" style="width:49px">00A6</td>
<td class="style2" style="width:49px">00A7</td>
<td class="style2" style="width:49px">00A8</td>
<td class="style2" style="width:49px">00A9</td>
<td class="style2" style="width:49px">00AA</td>
<td class="style2" style="width:49px">00AB</td>
<td class="style2" style="width:49px">00AC</td>
<td class="style2" style="width:49px">00AD</td>
<td class="style2" style="width:49px">00AE</td>
<td class="style2" style="width:49px">00AF</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">°</td>
<td class="style4">±</td>
<td class="style4">²</td>
<td class="style4">³</td>
<td class="style4">´</td>
<td class="style4">µ</td>
<td class="style4">¶</td>
<td class="style4">·</td>
<td class="style4">¸</td>
<td class="style4">¹</td>
<td class="style4">º</td>
<td class="style4">»</td>
<td class="style4">¼</td>
<td class="style4">½</td>
<td class="style4">¾</td>
<td class="style4">¿</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+00B_</td>
<td class="style2" style="width:49px">00B0</td>
<td class="style2" style="width:49px">00B1</td>
<td class="style2" style="width:49px">00B2</td>
<td class="style2" style="width:49px">00B3</td>
<td class="style2" style="width:49px">00B4</td>
<td class="style2" style="width:49px">00B5</td>
<td class="style2" style="width:49px">00B6</td>
<td class="style2" style="width:49px">00B7</td>
<td class="style2" style="width:49px">00B8</td>
<td class="style2" style="width:49px">00B9</td>
<td class="style2" style="width:49px">00BA</td>
<td class="style2" style="width:49px">00BB</td>
<td class="style2" style="width:49px">00BC</td>
<td class="style2" style="width:49px">00BD</td>
<td class="style2" style="width:49px">00BE</td>
<td class="style2" style="width:49px">00BF</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">À</td>
<td class="style4">Á</td>
<td class="style4">Â</td>
<td class="style4">Ã</td>
<td class="style4">Ä</td>
<td class="style4">Å</td>
<td class="style4">Æ</td>
<td class="style4">Ç</td>
<td class="style4">È</td>
<td class="style4">É</td>
<td class="style4">Ê</td>
<td class="style4">Ë</td>
<td class="style4">Ì</td>
<td class="style4">Í</td>
<td class="style4">Î</td>
<td class="style4">Ï</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+00C_</td>
<td class="style2" style="width:49px">00C0</td>
<td class="style2" style="width:49px">00C1</td>
<td class="style2" style="width:49px">00C2</td>
<td class="style2" style="width:49px">00C3</td>
<td class="style2" style="width:49px">00C4</td>
<td class="style2" style="width:49px">00C5</td>
<td class="style2" style="width:49px">00C6</td>
<td class="style2" style="width:49px">00C7</td>
<td class="style2" style="width:49px">00C8</td>
<td class="style2" style="width:49px">00C9</td>
<td class="style2" style="width:49px">00CA</td>
<td class="style2" style="width:49px">00CB</td>
<td class="style2" style="width:49px">00CC</td>
<td class="style2" style="width:49px">00CD</td>
<td class="style2" style="width:49px">00CE</td>
<td class="style2" style="width:49px">00CF</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">Ð</td>
<td class="style4">Ñ</td>
<td class="style4">Ò</td>
<td class="style4">Ó</td>
<td class="style4">Ô</td>
<td class="style4">Õ</td>
<td class="style4">Ö</td>
<td class="style4">×</td>
<td class="style4">Ø</td>
<td class="style4">Ù</td>
<td class="style4">Ú</td>
<td class="style4">Û</td>
<td class="style4">Ü</td>
<td class="style4">Ý</td>
<td class="style4">Þ</td>
<td class="style4">ß</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+00D_</td>
<td class="style2" style="width:49px">00D0</td>
<td class="style2" style="width:49px">00D1</td>
<td class="style2" style="width:49px">00D2</td>
<td class="style2" style="width:49px">00D3</td>
<td class="style2" style="width:49px">00D4</td>
<td class="style2" style="width:49px">00D5</td>
<td class="style2" style="width:49px">00D6</td>
<td class="style2" style="width:49px">00D7</td>
<td class="style2" style="width:49px">00D8</td>
<td class="style2" style="width:49px">00D9</td>
<td class="style2" style="width:49px">00DA</td>
<td class="style2" style="width:49px">00DB</td>
<td class="style2" style="width:49px">00DC</td>
<td class="style2" style="width:49px">00DD</td>
<td class="style2" style="width:49px">00DE</td>
<td class="style2" style="width:49px">00DF</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">à</td>
<td class="style4">á</td>
<td class="style4">â</td>
<td class="style4">ã</td>
<td class="style4">ä</td>
<td class="style4">å</td>
<td class="style4">æ</td>
<td class="style4">ç</td>
<td class="style4">è</td>
<td class="style4">é</td>
<td class="style4">ê</td>
<td class="style4">ë</td>
<td class="style4">ì</td>
<td class="style4">í</td>
<td class="style4">î</td>
<td class="style4">ï</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+00E_</td>
<td class="style2" style="width:49px">00E0</td>
<td class="style2" style="width:49px">00E1</td>
<td class="style2" style="width:49px">00E2</td>
<td class="style2" style="width:49px">00E3</td>
<td class="style2" style="width:49px">00E4</td>
<td class="style2" style="width:49px">00E5</td>
<td class="style2" style="width:49px">00E6</td>
<td class="style2" style="width:49px">00E7</td>
<td class="style2" style="width:49px">00E8</td>
<td class="style2" style="width:49px">00E9</td>
<td class="style2" style="width:49px">00EA</td>
<td class="style2" style="width:49px">00EB</td>
<td class="style2" style="width:49px">00EC</td>
<td class="style2" style="width:49px">00ED</td>
<td class="style2" style="width:49px">00EE</td>
<td class="style2" style="width:49px">00EF</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">ð</td>
<td class="style4">ñ</td>
<td class="style4">ò</td>
<td class="style4">ó</td>
<td class="style4">ô</td>
<td class="style4">õ</td>
<td class="style4">ö</td>
<td class="style4">÷</td>
<td class="style4">ø</td>
<td class="style4">ù</td>
<td class="style4">ú</td>
<td class="style4">û</td>
<td class="style4">ü</td>
<td class="style4">ý</td>
<td class="style4">þ</td>
<td class="style4">ÿ</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+00F_</td>
<td class="style2" style="width:49px">00F0</td>
<td class="style2" style="width:49px">00F1</td>
<td class="style2" style="width:49px">00F2</td>
<td class="style2" style="width:49px">00F3</td>
<td class="style2" style="width:49px">00F4</td>
<td class="style2" style="width:49px">00F5</td>
<td class="style2" style="width:49px">00F6</td>
<td class="style2" style="width:49px">00F7</td>
<td class="style2" style="width:49px">00F8</td>
<td class="style2" style="width:49px">00F9</td>
<td class="style2" style="width:49px">00FA</td>
<td class="style2" style="width:49px">00FB</td>
<td class="style2" style="width:49px">00FC</td>
<td class="style2" style="width:49px">00FD</td>
<td class="style2" style="width:49px">00FE</td>
<td class="style2" style="width:49px">00FF</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">Œ</td>
<td class="style4">œ</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+015_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">0152</td>
<td class="style2" style="width:49px">0153</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">Š</td>
<td class="style4">š</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+016_</td>
<td class="style2" style="width:49px">0160</td>
<td class="style2" style="width:49px">0161</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">Ÿ</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">Ž</td>
<td class="style4">ž</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+017_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">0178</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">017D</td>
<td class="style2" style="width:49px">017E</td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">ƒ</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+019_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">0192</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">˜</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+02D_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">02DC</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">‐</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">―</td>
<td class="style4">‖</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+201_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">2010</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">2015</td>
<td class="style2" style="width:49px">2016</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">‧</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+202_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">2027</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">‰</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">›</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+203_</td>
<td class="style2" style="width:49px">2030</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">203A</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">₡</td>
<td class="style4">₢</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">€</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+20A_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">20A1</td>
<td class="style2" style="width:49px">20A2</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">20AC</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">₳</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+20B_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">20B3</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">°C</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">°F</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+210_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">2103</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">2109</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">⅓</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">⅟</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+215_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">2153</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">215F</td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">□</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+25A_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">25A1</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
<tr style="height:15.0pt">
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">♩</td>
<td class="style4">&nbsp;</td>
<td class="style4">♫</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
<td class="style4">&nbsp;</td>
</tr>
<tr style="height:15.0pt">
<td class="style5" style="height:20px;width:51px">U+266_</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">2669</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px">266B</td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
<td class="style2" style="width:49px"></td>
</tr>
</tbody></table>
<div><div class="numbered constraint" title="R0056">Presentation processors <em class="rfc2119" title="may">may</em> support the extended G2 characters sets that map onto Unicode code points (see table).</div></div>
Presentation processors may also provide Glyph coverage for additional Unicode code points
<section class="color_values" id="color-values">
<h3><span class="secno">C.1 </span>Color values</h3>
<p>For color values of the form #rrggbbaa, presentation processors <em class="rfc2119" title="must">must</em> support combinations where the rr, gg, bb components may be either 00 or ff; and the aa component may be 00, 54, A8 or FF. e.g: #00ffff54. Additionally presentation processors <em class="rfc2119" title="should">should</em> support values for rr, gg, and bb of 54 or A8, and <em class="rfc2119" title="may">may</em> support all possible values between 00 to ff.</p>
<table>
<tbody><tr>
<th>Color</th>
<th>Value</th>
</tr>
<tr>
<td>Black</td>
<td>#000000ff</td>
</tr>
<tr>
<td>White</td>
<td>#fffffffff</td>
</tr>
<tr>
<td>Red</td>
<td>#ff0000ff</td>
</tr>
<tr>
<td>Green</td>
<td>#00ff00ff</td>
</tr>
<tr>
<td>Blue</td>
<td>#0000ffff</td>
</tr>
<tr>
<td>Yellow</td>
<td>#ffff00ff</td>
</tr>
<tr>
<td>Magenta</td>
<td>#ff00ffff</td>
</tr>
<tr>
<td>Cyan</td>
<td>#00ffffff</td>
</tr>
</tbody></table>
<p></p>
</section>
<section class="appendix" id="acknowledgements">
<h3><span class="secno">C.2 </span>Acknowledgements</h3>
<p>Many thanks to Robin Berjon for providing the respec.js tool used to format this document.</p>
</section>
</section>


<section id="references" class="appendix"><!--OddPage--><h2><span class="secno">D. </span>References</h2><section id="normative-references"><h3><span class="secno">D.1 </span>Normative references</h3><dl class="bibliography"><dt id="bib-RFC2119">[RFC2119]</dt><dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt"><cite>Key words for use in RFCs to Indicate Requirement Levels.</cite></a> March 1997. Internet RFC 2119.  URL: <a href="http://www.ietf.org/rfc/rfc2119.txt">http://www.ietf.org/rfc/rfc2119.txt</a> 
</dd><dt id="bib-TTML10">[TTML10]</dt><dd>G. Adams. <a href="http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/"><cite>Timed Text Markup Language (TTML) 1.0</cite></a> W3C Recommendation. URL: <a href="http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/">http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/</a>
</dd></dl></section><section id="informative-references"><h3><span class="secno">D.2 </span>Informative references</h3><dl class="bibliography"><dt id="bib-CEA608">[CEA608]</dt><dd>CEA-608, <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx"><cite>Line-21 Data Services</cite></a>, ANSI/CEA Standard. URL: <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx">http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx</a>
</dd><dt id="bib-CEA708">[CEA708]</dt><dd>CEA-708, <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx"><cite>Digital Television (DTV) Closed Captioning</cite></a>, ANSI/CEA Standard. URL: <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx">http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx</a>
</dd><dt id="bib-TTML10SE">[TTML10SE]</dt><dd>G. Adams. <a href="http://dvcs.w3.org/hg/ttml/raw-file/tip/ttml10/spec/ttaf1-dfxp.html"><cite>Timed Text Markup Language (TTML) 1.0 (Second Edition)</cite></a> W3C Editor's Draft. URL: <a href="http://dvcs.w3.org/hg/ttml/raw-file/tip/ttml10/spec/ttaf1-dfxp.html">http://dvcs.w3.org/hg/ttml/raw-file/tip/ttml10/spec/ttaf1-dfxp.html</a>
</dd></dl></section></section></body></html>