--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml10-sdp-us/Overview.html Sun Nov 11 15:25:43 2012 -0800
@@ -0,0 +1,2897 @@
+<!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;
+}
+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-11-november-2012"><abbr title="World Wide Web Consortium">W3C</abbr> Editor's Draft 11 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>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>
+<p></p>
+<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 CEA-608 and -708 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="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="#conformance" class="tocxref"><span class="secno">1. </span>Conformance</a></li><li class="tocline"><a href="#terms" class="tocxref"><span class="secno">2. </span>Terms and Definitions</a></li><li class="tocline"><a href="#SimpleProfile" class="tocxref"><span class="secno">3. </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">3.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">4. </span>Structural Constraints</a></li><li class="tocline"><a href="#Constrained_Features" class="tocxref"><span class="secno">5. </span>Constrained Features</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_core" class="tocxref"><span class="secno">5.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">5.1.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints" class="tocxref"><span class="secno">5.1.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Use_of_Constrained_TTML_Feature_content" class="tocxref"><span class="secno">5.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">5.2.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-1" class="tocxref"><span class="secno">5.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">5.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">5.3.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-2" class="tocxref"><span class="secno">5.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">5.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">5.4.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-3" class="tocxref"><span class="secno">5.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">5.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">5.5.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-4" class="tocxref"><span class="secno">5.5.2 </span>Constraints</a></li></ul></li></ul></li><li class="tocline"><a href="#Style_Constraints" class="tocxref"><span class="secno">6. </span>Style Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_backgroundColor" class="tocxref"><span class="secno">6.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">6.1.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-5" class="tocxref"><span class="secno">6.1.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_color" class="tocxref"><span class="secno">6.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">6.2.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-6" class="tocxref"><span class="secno">6.2.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_display_region" class="tocxref"><span class="secno">6.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">6.3.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-7" class="tocxref"><span class="secno">6.3.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_extent_region" class="tocxref"><span class="secno">6.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">6.4.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-8" class="tocxref"><span class="secno">6.4.2 </span>Constraints</a></li><li class="tocline"><a href="#examples" class="tocxref"><span class="secno">6.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">6.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">6.5.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-9" class="tocxref"><span class="secno">6.5.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_display_display_fontSize" class="tocxref"><span class="secno">6.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">6.6.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-10" class="tocxref"><span class="secno">6.6.2 </span>Constraints</a><ul class="toc"></ul></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_display_display_fontStyle_italic" class="tocxref"><span class="secno">6.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">6.7.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-11" class="tocxref"><span class="secno">6.7.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_length_percentage" class="tocxref"><span class="secno">6.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">6.8.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-12" class="tocxref"><span class="secno">6.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">6.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">6.9.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-13" class="tocxref"><span class="secno">6.9.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_styling" class="tocxref"><span class="secno">6.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">6.10.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-14" class="tocxref"><span class="secno">6.10.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_styling_inheritance_content" class="tocxref"><span class="secno">6.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">6.11.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-15" class="tocxref"><span class="secno">6.11.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_styling_inheritance_region" class="tocxref"><span class="secno">6.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">6.12.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-16" class="tocxref"><span class="secno">6.12.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_textAlign_absolute" class="tocxref"><span class="secno">6.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">6.13.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-17" class="tocxref"><span class="secno">6.13.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_textDecoration_under" class="tocxref"><span class="secno">6.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">6.14.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-18" class="tocxref"><span class="secno">6.14.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_textOutline_unblurred" class="tocxref"><span class="secno">6.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">6.15.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-19" class="tocxref"><span class="secno">6.15.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_writingMode_horizontal_lr" class="tocxref"><span class="secno">6.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">6.16.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-20" class="tocxref"><span class="secno">6.16.2 </span>Constraints</a></li></ul></li></ul></li><li class="tocline"><a href="#layout_constraints" class="tocxref"><span class="secno">7. </span>Layout Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_layout" class="tocxref"><span class="secno">7.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">7.1.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-21" class="tocxref"><span class="secno">7.1.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_lineBreak-uax14" class="tocxref"><span class="secno">7.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">7.2.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-22" class="tocxref"><span class="secno">7.2.2 </span>Constraints</a></li></ul></li></ul></li><li class="tocline"><a href="#timing_constraints" class="tocxref"><span class="secno">8. </span>Timing Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_timing" class="tocxref"><span class="secno">8.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">8.1.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-23" class="tocxref"><span class="secno">8.1.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_time_offset" class="tocxref"><span class="secno">8.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">8.2.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-24" class="tocxref"><span class="secno">8.2.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#frameRate" class="tocxref"><span class="secno">8.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">8.3.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-25" class="tocxref"><span class="secno">8.3.2 </span>Constraints</a></li></ul></li><li class="tocline"><a href="#animation" class="tocxref"><span class="secno">8.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">8.4.1 </span>Usage Scenario</a></li><li class="tocline"><a href="#constraints-26" class="tocxref"><span class="secno">8.4.2 </span>Constraints</a></li></ul></li></ul></li><li class="tocline"><a href="#other_constraints" class="tocxref"><span class="secno">9. </span>Other Constraints</a><ul class="toc"><li class="tocline"><a href="#Section1" class="tocxref"><span class="secno">9.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">10. </span>Features in [<cite><span class="formerLink">TTML10</span></cite>] Used in This Profile</a></li><li class="tocline"><a href="#error_handling" class="tocxref"><span class="secno">11. </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></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></ul></li></ul></section>
+
+<section id="conformance"><!--OddPage--><h2><span class="secno">1. </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>
+
+<h2 id="simple-delivery-profile-for-closed-captions">Simple Delivery Profile for Closed Captions</h2>
+<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">2. </span>Terms and Definitions</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>
+</section>
+<section id="SimpleProfile">
+<!--OddPage--><h2><span class="secno">3. </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">3.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> </td>
+<td> </td>
+<td> </td>
+<td> </td>
+<td> </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">4. </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" title="R0001">A document <em class="rfc2119" title="must">must</em> contain both a head and body element</div></div>
+<div><div class="numbered" 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" 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" 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;"><</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;">></span>A<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"><</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;">></span>B<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"><</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;">></span>C<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span></pre></div>
+<div><div class="numbered" 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" 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">5. </span>Constrained Features</h2>
+<p></p>
+<section id="Constrained_TTML_Feature_core">
+<h3><span class="secno">5.1 </span>Use of Constrained TTML Feature <span>core</span></h3>
+<p></p>
+<section class="Usage_Scenario" id="usage-scenario">
+<h4><span class="secno">5.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints">
+<h4><span class="secno">5.1.2 </span>Constraints</h4>
+<p>None</p>
+</section>
+</section>
+<section id="Use_of_Constrained_TTML_Feature_content">
+<h3><span class="secno">5.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">5.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> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-1">
+<h4><span class="secno">5.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" title="R0007">A document <em class="rfc2119" title="must">must</em> contain only the following elements:</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:profile</code></li>
+</ul>
+<div><div class="issue"><div class="issue-title"><span>Issue 2</span></div><div class="">Constraint R0007 is at risk. The addition of <code>ttp:profile</code> to the above list makes it apparent that
+references to TTML element types in this document are incompletely specified due the absence of a prefix or
+language elsewhere that defines the namespace that applies. In other words, there needs to be language that
+says that an unqualified element type name belongs to the namespace associated with the <code>tt</code> prefix
+or a <code>tt</code> prefix needs to be added to each usage in this document.</div></div></div>
+</section>
+</section>
+<section id="Use_of_Constrained_TTML_Feature_content_presentation">
+<h3><span class="secno">5.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">5.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-2">
+<h4><span class="secno">5.3.2 </span>Constraints</h4>
+<p>None</p>
+</section>
+</section>
+<section id="Use_of_Constrained_TTML_Feature_content_profile">
+<h3><span class="secno">5.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">5.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-3">
+<h4><span class="secno">5.4.2 </span>Constraints</h4>
+<div><div class="numbered" 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">5.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">5.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-4">
+<h4><span class="secno">5.5.2 </span>Constraints</h4>
+<p>None</p>
+</section>
+</section>
+</section>
+<section id="Style_Constraints">
+<!--OddPage--><h2><span class="secno">6. </span>Style Constraints</h2>
+<p></p>
+<section id="Constrained_TTML_Feature_backgroundColor">
+<h3><span class="secno">6.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">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>#backgroundColor-block<br>
+#backgroundColor-inline</td>
+<td>Required with constraints</td>
+<td>p element<br>
+region element</td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-5">
+<h4><span class="secno">6.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" title="R0009">The backgroundColor <em class="rfc2119" title="must">must</em> be expressed in #rrggbbaa format exclusively using the <dfn id="dfn-hexdigit"><hexdigit></dfn> style value expression.</div></div>
+<div><div class="numbered" 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" 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" title="R0012">The alpha component of backgroundColor for a region <em class="rfc2119" title="must">must</em> be 00.</div></div>
+<div><div class="numbered" 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" 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>
+</section>
+</section>
+<section id="Constrained_TTML_Feature_color">
+<h3><span class="secno">6.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">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>#color</td>
+<td>Required with constraints</td>
+<td> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-6">
+<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" title="R0015">The color <em class="rfc2119" title="must">must</em> be expressed in #rrggbbaa format exclusively using the <dfn id="dfn-hexdigit-1"><hexdigit></dfn> style value expression.</div></div>
+<div><div class="numbered" 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" 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" 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" 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">6.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">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>#display-region</td>
+<td>required</td>
+<td> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-7">
+<h4><span class="secno">6.3.2 </span>Constraints</h4>
+<p>None</p>
+</section>
+</section>
+<section id="Constrained_TTML_Feature_extent_region">
+<h3><span class="secno">6.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">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>#extent-region</td>
+<td>Required with constraints</td>
+<td>region<br>
+root</td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-8">
+<h4><span class="secno">6.4.2 </span>Constraints</h4>
+<div><div class="numbered" title="R0020">deleted</div></div>
+</section>
+<section class="informative" id="examples">
+<h4><span class="secno">6.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="E0002">Pop-up style</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;"><span style="color: blue;"><</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;"> ></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;"> A typical transparent region with centered text that has an outline </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;"> typical 'Pop-up' type region </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</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;"> /></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>
+<span style="color: blue;"> <</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;">></span> This is a Pop-up caption. <span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">tt</span><span style="color: blue;">></span></pre></div>
+<!-- div data-include=example1.xml'></div --></section>
+<section>
+<div><div class="numbered" title="E0003">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 3</span></div><pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color: blue;"><</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;">/></span>
+<span style="color: blue;"><</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;">/></span></pre></div></section>
+<section>
+<div><div class="numbered" title="E0004">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 4</span></div><pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color: blue;"><?</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;">?></span>
+<span style="color: blue;"><</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;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>
+<span style="color: blue;"> <</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: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;">/></span>
+<span style="color: blue;"> <</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: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;">/></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> <</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;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;">four speakers count off, and then all call 'Jump' together </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</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;"> ></span>One<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;"> ></span>Two<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>Three<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;"> ></span>Four<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">tt</span><span style="color: blue;">></span></pre></div></section>
+<section>
+<div><div class="numbered" title="E0005">Roll-up and Paint-on style. Content is presented a word at a time and lines scroll up in a small fixed window (typically 3 or 4 lines). The Paint-on text is often embodied in Roll-up content.</div></div>
+<!-- div data-include=example4.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;"><</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;">rollup</span>'<span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:13.000</span>'<span style="color: blue;"> </span><span style="color: red;">dur</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</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>rollup<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:02.000</span>'<span style="color: blue;">></span>style<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:03.000</span>'<span style="color: blue;">></span>caption<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:04.000</span>'<span style="color: blue;">></span>support<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"><</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;">rollup</span>'<span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:17.000</span>'<span style="color: blue;"> </span><span style="color: red;">dur</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</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>with<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:02.000</span>'<span style="color: blue;">></span>word<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:03.000</span>'<span style="color: blue;">></span>at<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:04.000</span>'<span style="color: blue;">></span>a<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:05.000</span>'<span style="color: blue;">></span>time<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:06.000</span>'<span style="color: blue;">></span>temporal<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"><</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;">rollup</span>'<span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:23.000</span>'<span style="color: blue;"> </span><span style="color: red;">dur</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</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>placement<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:02.000</span>'<span style="color: blue;">></span>this<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:03.000</span>'<span style="color: blue;">></span>could<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:04.000</span>'<span style="color: blue;">></span>go<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"><</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;">rollup</span>'<span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:27.000</span>'<span style="color: blue;"> </span><span style="color: red;">dur</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</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>on<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:02.000</span>'<span style="color: blue;">></span>all<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:03.000</span>'<span style="color: blue;">></span>day<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span></pre></div>
+<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>As shown in the Roll-up example, a function of time for a k line Roll-up of content: The begin time of the N+kth p element is equal to the begin time plus duration of the Nth p element less the begin time of the first span in the N+kth p.</p></div></div>
+</section>
+</section>
+<section id="Constrained_TTML_Feature_display_display_fontFamily_generic">
+<h3><span class="secno">6.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">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>#fontFamily-generic</td>
+<td>Required with constraints</td>
+<td>tts:fontFamily attribute</td>
+<td>span</td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-9">
+<h4><span class="secno">6.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" title="R0021">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" title="R0022">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" title="R0023">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" title="R0024">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">6.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">6.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> </td>
+<td>span<br>
+div (root)</td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-10">
+<h4><span class="secno">6.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" title="R0025">document <em class="rfc2119" title="must">must</em> only specify tts:fontSize(s) using a value 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%) could 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>
+<section>
+<!-- <div data-transform='example'>Example to show how to specify an initial font.</div> -->
+<!-- div data-include=example3.xml'></div --></section>
+<div><div class="numbered" title="R0026">The default font height of the presentation processor <em class="rfc2119" title="must">must</em> be 5% of the root container height</div></div>
+<div class="note"><div class="note-title"><span>Note</span></div><div class=""><p>This is equivalent to one cell using the default grid. A presentation processor is however not required to support the grid metric.</p></div></div>
+</section>
+</section>
+<section id="Constrained_TTML_Feature_display_display_fontStyle_italic">
+<h3><span class="secno">6.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">6.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">6.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" title="R0027">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">6.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">6.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-12">
+<h4><span class="secno">6.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;"><</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;">/></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">6.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">6.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-13">
+<h4><span class="secno">6.9.2 </span>Constraints</h4>
+<p>None</p>
+</section>
+</section>
+<section id="Constrained_TTML_Feature_styling">
+<h3><span class="secno">6.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">6.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-14">
+<h4><span class="secno">6.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" title="R0028">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" title="R0029">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" title="R0030">Style elements <em class="rfc2119" title="must not">must not</em> reference other styles.</div></div>
+<div><div class="numbered" title="R0031">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">6.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">6.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-15">
+<h4><span class="secno">6.11.2 </span>Constraints</h4>
+<p>None</p>
+</section>
+</section>
+<section id="Constrained_TTML_Feature_styling_inheritance_region">
+<h3><span class="secno">6.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">6.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-16">
+<h4><span class="secno">6.12.2 </span>Constraints</h4>
+<p>None</p>
+</section>
+</section>
+<section id="Constrained_TTML_Feature_textAlign_absolute">
+<h3><span class="secno">6.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">6.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-17">
+<h4><span class="secno">6.13.2 </span>Constraints</h4>
+<p>None</p>
+</section>
+</section>
+<section id="Constrained_TTML_Feature_textDecoration_under">
+<h3><span class="secno">6.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">6.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-18">
+<h4><span class="secno">6.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" title="R0032">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" title="R0033">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">6.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">6.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-19">
+<h4><span class="secno">6.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" title="R0034">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" title="R0035">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" title="R0036">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" title="R0037">The user <em class="rfc2119" title="must">must</em> be able to specify the rendering of character edge types of: none, raised, depressed, uniform or drop shadowed edges.</div></div>
+<div><div class="issue"><div class="issue-title"><span>Issue 3</span></div><div class="">Constraint R0037 is at risk. Except for <code>none</code>, [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] provides no explicit, named edge style, such as raised, depressed, drop, etc. Some of
+these, such as <code>depressed</code> (inset) and <code>uniform</code> may be achieved with the current definition of <code>tts:textOutline</code>, however, the
+<code>raised</code> and <code>drop</code> edge style may require the use of multiple outlines (shadows), which are not presently supported. One way
+to address this may be to add an appendix that recommends how to map these CEA-708 edge types to specific <code>tts:textOutline</code> usage patterns.</div></div></div>
+<p></p>
+</section>
+</section>
+<section id="Constrained_TTML_Feature_writingMode_horizontal_lr">
+<h3><span class="secno">6.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">6.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-20">
+<h4><span class="secno">6.16.2 </span>Constraints</h4>
+<p>None</p>
+</section>
+</section>
+</section>
+<section id="layout_constraints">
+<!--OddPage--><h2><span class="secno">7. </span>Layout Constraints</h2>
+<p></p>
+<section id="Constrained_TTML_Feature_layout">
+<h3><span class="secno">7.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">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>#layout</td>
+<td>Required with constraints</td>
+<td>region attribute</td>
+<td>content</td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-21">
+<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" title="R0038">Active region(s) <em class="rfc2119" title="must not">must not</em> overlap.</div></div>
+<div><div class="numbered" title="R0039">No more than 4 region(s) <em class="rfc2119" title="must">must</em> be active concurrently.</div></div>
+<div><div class="numbered" title="R0040">No more than four lines of text <em class="rfc2119" title="must">must</em> be selected into all active regions at any given time.</div></div>
+<div><div class="issue"><div class="issue-title"><span>Issue 4</span></div><div class="">Constraint R0040 is at risk.</div></div></div>
+</section>
+</section>
+<section id="Constrained_TTML_Feature_lineBreak-uax14">
+<h3><span class="secno">7.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">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>#lineBreak-uax14</td>
+<td>Required with constraints</td>
+<td> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-22">
+<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" title="R0041">At most 32 characters <em class="rfc2119" title="must">must</em> be present in any displayed text line.</div></div>
+<div><div class="numbered" title="R0042">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;"><</span><span style="color:#a31515;">p</span><span style="color:blue;">></span> I always get the fuzzy end<span style="color:blue;"><</span><span style="color:#a31515;">br</span><span style="color:blue;">/></span>of the lollipop<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span></pre></div></section>
+</section>
+</section>
+<section id="timing_constraints">
+<!--OddPage--><h2><span class="secno">8. </span>Timing Constraints</h2>
+<p></p>
+<section id="Constrained_TTML_Feature_timing">
+<h3><span class="secno">8.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">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>#timing</td>
+<td>Required with constraints</td>
+<td> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-23">
+<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" title="R0043">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" title="R0044">Timing <em class="rfc2119" title="must">must</em> be expressed in the same format throughout the document.</div></div>
+<div><div class="numbered" title="R0045">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" title="R0046">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;"><</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;"> ></span>Test<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span></pre></div>
+<div><div class="numbered" title="R0047">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;"><</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;"> ></span>Test<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span></pre></div></section>
+</section>
+<section id="Constrained_TTML_Feature_time_offset">
+<h3><span class="secno">8.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">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>#time-offset</td>
+<td>Required</td>
+<td> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-24">
+<h4><span class="secno">8.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">8.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">8.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> </td>
+<td> </td>
+<td> </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">8.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">8.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">8.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> </td>
+<td> </td>
+<td> </td>
+</tr>
+</tbody></table>
+</section>
+<section class="Core_Constraints" id="constraints-26">
+<h4><span class="secno">8.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" title="R0048">The set element <em class="rfc2119" title="must">must</em> only animate the region or span element.</div></div>
+<div><div class="numbered" title="R0049">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" title="R0050">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" title="R0051">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">9. </span>Other Constraints</h2>
+<section id="Section1">
+<h3><span class="secno">9.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">10. </span>Features in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] Used in This Profile</h2>
+<pre style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;"><span style="color: blue;"><?</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;">?></span>
+<span style="color: blue;"><?</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;">?></span>
+<span style="color: blue;"><</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;">></span>
+<span style="color: blue;"> <</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;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;"> required (mandatory) feature support </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</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;">></span>#animation<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#backgroundColor-block<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#backgroundColor-inline<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#color<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#content<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#core<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#display-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#fontFamily-generic<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#fontSize<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#fontStyle-italic<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#frameRate<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#frameRateMultiplier<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#layout<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#length-percentage<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#length-positive<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#lineBreak-uax14<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#presentation<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#profile<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#structure<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#styling<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#styling-inheritance-content<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#styling-inheritance-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#styling-inline<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#styling-referential<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#textAlign-absolute<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#textDecoration-under<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#textOutline-unblurred<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#time-offset<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#timing<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</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;">></span>#writingMode-horizontal-lr<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">features</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">profile</span><span style="color: blue;">></span>
+
+
+</pre></section>
+<section id="error_handling">
+<!--OddPage--><h2><span class="secno">11. </span>Error handling</h2>
+<div class="issue"><div class="issue-title"><span>Issue 5</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>
+<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" title="R0052">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" title="R0053">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> </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">&</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"><</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+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"> </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"> </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+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"> </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+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"> </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+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"> </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+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"> </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+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"> </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+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"> </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+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"> </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+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"> </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+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"> </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+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"> </td>
+<td class="style4"> </td>
+<td class="style4"> </td>
+<td class="style4">°C</td>
+<td class="style4"> </td>
+<td class="style4"> </td>
+<td class="style4"> </td>
+<td class="style4"> </td>
+<td class="style4"> </td>
+<td class="style4">°F</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+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"> </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+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"> </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+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"> </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+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" title="R0054">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><em>Reference not found.</em>
+</dd></dl></section></section><div id="respec-err" style="position: fixed; width: 350px; top: 10px; right: 10px; border: 3px double rgb(255, 0, 0); background-color: rgb(255, 255, 255); display: none; background-position: initial initial; background-repeat: initial initial; " class="removeOnSave"><p style="float: right; margin: 2px; text-decoration: none">[<a href="#">x</a>]</p><ul style="clear: both"><li style="color: #c00">Got 1 tokens looking like a reference, not in biblio DB: </li><li style="color: #c00">Bad ref: TTML10, count = 1</li></ul></div></body></html>
\ No newline at end of file
--- a/ttml10-sdp-us/Overview.src.html Sun Nov 11 13:17:27 2012 -0800
+++ b/ttml10-sdp-us/Overview.src.html Sun Nov 11 15:25:43 2012 -0800
@@ -3,14 +3,8 @@
<head>
<meta charset='utf-8' />
<title>Simple Delivery Profile for Closed Captions (US)</title>
-<script src='respec.js' class='remove' async>
-</script>
-<script class='remove'>
-window.berjon = {};
-window.berjon.biblio = {
- "RFC2119" : "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> ",
- "TTML10" : "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> "
-};
+<script src='http://www.w3.org/Tools/respec/respec-w3c-common' class=remove async></script>
+<script class=remove>
respecConfig = {
// specification status (e.g. WD, LCWD, NOTE, etc.). If in doubt use ED.
specStatus: "ED",
@@ -81,6 +75,31 @@
noRecTrack: true,
};
+function term(doc, content) {
+ // perform transformations to make it render and prettier
+ return '<span class="ttmlTerm">' + doc._esc(content) + '</span>';
+}
+function template(doc, content) {
+ // perform transformations to make it render and prettier
+ return '<div class="template">' + content + '</div>';
+}
+var constraints = 0;
+function constraint(doc, content) {
+ // perform transformations to make it render and prettier
+ var prefix = constraints < 9 ? "R000" : "R00";
+ return '<div class=numbered title=' + prefix + (++constraints) + '>' + content + '</div>';
+}
+function atrisk(doc,content) {
+ var atRiskConstraint = constraints;
+ var prefix = atRiskConstraint < 9 ? "R000" : "R00";
+ return '<div class=issue>Constraint ' + prefix + atRiskConstraint + ' is at risk.' + (!!content ? ' ' : '') + content + '</div>';
+}
+var examples = 0;
+function example(doc, content) {
+ // perform transformations to make it render and prettier
+ var prefix = examples < 9 ? "E000" : "E00";
+ return '<div class=numbered title=' + prefix + (++examples) + '>' + content + '</div>';
+}
</script>
<style>
.style1
@@ -266,33 +285,6 @@
background-color: #ffffff;
}
</style>
-<script>
-function term(doc, content) {
- // perform transformations to make it render and prettier
- return '<span class="ttmlTerm">' + doc._esc(content) + '<\/span>';
-}
-function template(doc, content) {
- // perform transformations to make it render and prettier
- return '<div class="template">' + content + '<\/div>';
-}
-var constraints = 0;
-function constraint(doc, content) {
- // perform transformations to make it render and prettier
- var prefix = constraints < 9 ? "R000" : "R00";
- return "<div class=numbered title=" + prefix + (++constraints) + ">" + content + "<\/div>";
-}
-function atrisk(doc,content) {
- var atRiskConstraint = constraints;
- var prefix = atRiskConstraint < 9 ? "R000" : "R00";
- return "<div class='issue'>Constraint " + prefix + atRiskConstraint + " is at risk." + (!!content ? " " : "") + content + "<\/div>"
-}
-var examples = 0;
-function example(doc, content) {
- // perform transformations to make it render and prettier
- var prefix = examples < 9 ? "E000" : "E00";
- return "<div class=numbered title=" + prefix + (++examples) + ">" + content + "<\/div>";
-}
-</script>
</head>
<body>
<section id='abstract'>
@@ -311,6 +303,8 @@
</section>
<section id='conformance'>
<h3>Simple Delivery Profile for Closed Captions</h3>
+<p class=issue>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>
<p>This profile identifies the content and presentation processor constraints for closed captioning using TTML. To conform to this profile, a presentation engine MUST:</p>
<ul>
<li>Satisfy the requirements specified by Section 3.2.1 Generic Processor Conformance [TTML] that are required to implement:
@@ -321,7 +315,11 @@
</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 [[!TTML10]]. The semantics defined in [[!TTML10]] apply unless otherwise constrained in this profile. Claims of conformance MUST use this URI and implement the required features and constraints of use and processing outlined in this profile.</p>
+<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 [[!TTML10]]. The semantics defined in [[!TTML10]] apply
+unless otherwise constrained in this profile.
+Claims of document conformance MUST use this URI defined in this profile.
+Claims of presentation processor conformance MUST implement the required features and constraints of use and processing outlined in this profile.</p>
<table>
<tr>
<th>Name</th>
@@ -332,7 +330,11 @@
<td>http://www.w3.org/TR/profile/simple-delivery</td>
</tr>
</table>
-<p>Conformance to this profile does not preclude the use of other features defined in [[!TTML10]] but such behavior is not defined here.</p>
+<p>Conformance to this profile does not preclude the:</p>
+<ol>
+<li>Use of other features defined in [[!TTML10]]. 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"><p>Error handling behavior is described in <a href="#error_handling">Error Handling</a>.</p></div>
</section>
<section id='terms'>
@@ -398,18 +400,18 @@
<section class='Structural_Constraints'>
<h3>Structural Constraints</h3>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>A document MUST contain both a head and body element</p>
-<p data-transform='constraint'>A document MUST contain both a styling and a layout element.</p>
-<p data-transform='constraint'>A document MUST NOT use a div element inside a div element.</p>
-<p data-transform='constraint'>A document MUST contain only a single level of span element within a p element</p>
-<p data-transform='example'>Single level of spans.</p>
+<div data-transform='constraint'>A document MUST contain both a head and body element</div>
+<div data-transform='constraint'>A document MUST contain both a styling and a layout element.</div>
+<div data-transform='constraint'>A document MUST NOT use a div element inside a div element.</div>
+<div data-transform='constraint'>A document MUST contain only a single level of span element within a p element</div>
+<div data-transform='example'>Single level of spans.</div>
<pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;">
<span style="color: blue;"><</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;">></span>A<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
<span style="color: blue;"><</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;">></span>B<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
<span style="color: blue;"><</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;">></span>C<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
</pre>
-<p data-transform='constraint'>A document MUST reference all styles using a style attribute to a style element.</p>
-<p data-transform='constraint'>A document MUST have all elements are in order of time. That is, in a par context, a timed element MUST NOT lexically precede another timed element with an earlier start time.</p>
+<div data-transform='constraint'>A document MUST reference all styles using a style attribute to a style element.</div>
+<div data-transform='constraint'>A document MUST have all elements are in order of time. That is, in a par context, a timed element MUST NOT lexically precede another timed element with an earlier start time.</div>
</section>
<section id='Constrained_Features'>
<h2>Constrained Features</h2>
@@ -466,7 +468,7 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>A document MUST contain only the following elements:</p>
+<div data-transform='constraint'>A document MUST contain only the following elements:</div>
<ul>
<li><code>tt</code></li>
<li><code>head</code></li>
@@ -480,7 +482,13 @@
<li><code>styling</code></li>
<li><code>region</code></li>
<li><code>style</code></li>
+<li><code>ttp:profile</code></li>
</ul>
+<div data-transform='atrisk'>The addition of <code>ttp:profile</code> to the above list makes it apparent that
+references to TTML element types in this document are incompletely specified due the absence of a prefix or
+language elsewhere that defines the namespace that applies. In other words, there needs to be language that
+says that an unqualified element type name belongs to the namespace associated with the <code>tt</code> prefix
+or a <code>tt</code> prefix needs to be added to each usage in this document.</div>
</section>
</section>
<section id='Use_of_Constrained_TTML_Feature_content_presentation'>
@@ -534,9 +542,9 @@
</section>
<section class='Core_Constraints'>
<h4>Constraints</h4>
-<p data-transform='constraint'>Presentation processors MUST support the capability to present documents referencing this profile using the following URI: <dfn>http://www.w3.org/TR/profile/simple-delivery</dfn></p>
-<div class="note"><p>See also <a href="#conformance">Conformance</a></p></div>
-<div class="note"><p>The use attribute 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 data-transform='constraint'>Presentation processors MUST support the capability to present documents referencing this profile using the following URI: <dfn>http://www.w3.org/TR/profile/simple-delivery</dfn></div>
+<div class="note"><p>See also <a href="#conformance">Conformance</a>. [[!TTML10]] 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 class="note"><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>
</section>
</section>
<section id='Use_of_Constrained_TTML_Feature_content_structure'>
@@ -597,13 +605,13 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>The backgroundColor MUST be expressed in #rrggbbaa format exclusively using the <dfn><hexdigit></dfn> style value expression.</p>
-<p data-transform='constraint'>The backgroundColor MUST support the colors outlined in <a href="#color-values">Color Values</a>.</p>
+<div data-transform='constraint'>The backgroundColor MUST be expressed in #rrggbbaa format exclusively using the <dfn><hexdigit></dfn> style value expression.</div>
+<div data-transform='constraint'>The backgroundColor MUST support the colors outlined in <a href="#color-values">Color Values</a>.</div>
<div class="note"><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>
-<p data-transform='constraint'>The alpha component of backgroundColor MUST support the opacity values outlined in <a href="#color-values">Color Values</a> .</p>
-<p data-transform='constraint'>The alpha component of backgroundColor for a region MUST be 00.</p>
-<p data-transform='constraint'>The presentation processor MUST 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> ).</p>
-<p data-transform='constraint'>The presentation processor MUST allow the user to specify a backgroundColor for p and span elements to allow for semi-transparent and transparent opacities.</p>
+<div data-transform='constraint'>The alpha component of backgroundColor MUST support the opacity values outlined in <a href="#color-values">Color Values</a> .</div>
+<div data-transform='constraint'>The alpha component of backgroundColor for a region MUST be 00.</div>
+<div data-transform='constraint'>The presentation processor MUST 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 data-transform='constraint'>The presentation processor MUST allow the user to specify a backgroundColor for p and span elements to allow for semi-transparent and transparent opacities.</div>
</section>
</section>
<section id='Constrained_TTML_Feature_color'>
@@ -631,12 +639,12 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>The color MUST be expressed in #rrggbbaa format exclusively using the <dfn><hexdigit></dfn> style value expression.</p>
-<p data-transform='constraint'>The color MUST support the colors outlined in <a href="#color-values">Color Values</a>.</p>
+<div data-transform='constraint'>The color MUST be expressed in #rrggbbaa format exclusively using the <dfn><hexdigit></dfn> style value expression.</div>
+<div data-transform='constraint'>The color MUST support the colors outlined in <a href="#color-values">Color Values</a>.</div>
<div class="note"><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>
-<p data-transform='constraint'>The alpha component of color MUST support the opacity values outlined in <a href="#color-values">Color Values</a> .</p>
-<p data-transform='constraint'>The presentation processor MUST 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> ).</p>
-<p data-transform='constraint'>The presentation processor MUST allow the user to specify a color for p and span elements to allow for semi-transparent and transparent opacities.</p>
+<div data-transform='constraint'>The alpha component of color MUST support the opacity values outlined in <a href="#color-values">Color Values</a> .</div>
+<div data-transform='constraint'>The presentation processor MUST 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 data-transform='constraint'>The presentation processor MUST allow the user to specify a color for p and span elements to allow for semi-transparent and transparent opacities.</div>
</section>
</section>
<section id='Constrained_TTML_Feature_display_region'>
@@ -691,7 +699,7 @@
</section>
<section class='Core_Constraints'>
<h4>Constraints</h4>
-<p data-transform='constraint'>deleted</p>
+<div data-transform='constraint'>deleted</div>
</section>
<section class='informative'>
<h4>Examples</h4>
@@ -706,7 +714,7 @@
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>
-<p data-transform='example'>Pop-up style</p>
+<div data-transform='example'>Pop-up style</div>
<pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;">
<span style="color: blue;"><</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>
@@ -734,7 +742,7 @@
</pre>
<!-- div data-include=example1.xml'></div --></section>
<section>
-<p data-transform='example'>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.</p>
+<div data-transform='example'>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 data-include=example2.xml'></div -->
<pre class='example' style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;">
<span style="color: blue;"><</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=
@@ -743,7 +751,7 @@
"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;">/></span>
</pre></section>
<section>
-<p data-transform='example'>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..</p>
+<div data-transform='example'>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 data-include=example3.xml'></div -->
<pre class='example' style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;">
<span style="color: blue;"><?</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;">?></span>
@@ -795,7 +803,7 @@
<span style="color: blue;"></</span><span style="color: #a31515;">tt</span><span style="color: blue;">></span>
</pre></section>
<section>
-<p data-transform='example'>Roll-up and Paint-on style. Content is presented a word at a time and lines scroll up in a small fixed window (typically 3 or 4 lines). The Paint-on text is often embodied in Roll-up content.</p>
+<div data-transform='example'>Roll-up and Paint-on style. Content is presented a word at a time and lines scroll up in a small fixed window (typically 3 or 4 lines). The Paint-on text is often embodied in Roll-up content.</div>
<!-- div data-include=example4.xml'></div -->
<pre class='example' style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;">
<span style="color: blue;"><</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;">rollup</span>'<span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:13.000</span>'<span style="color: blue;"> </span><span style="color: red;">dur</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;">></span>
@@ -852,7 +860,7 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>The document MUST use the tts:fontFamily attribute using only the following values:</p>
+<div data-transform='constraint'>The document MUST use the tts:fontFamily attribute using only the following values:</div>
<ul>
<li>default</li>
<li>monospaceSerif</li>
@@ -864,7 +872,7 @@
<li>smallCaps</li>
</ul>
<div class="note"><p>Values of tts:fontFamily that do not not correspond to generic font family names in [[!TTML10]], 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>
-<p data-transform='constraint'>A presentation processor MUST map the generic font names to fonts as follows</p>
+<div data-transform='constraint'>A presentation processor MUST map the generic font names to fonts as follows</div>
<table>
<tr>
<th>Style Value</th>
@@ -912,8 +920,8 @@
<td>Similar to Engravers Gothic</td>
</tr>
</table>
-<p data-transform='constraint'>The presentation processor MUST allow the user to specify a generic fontFamily for the document using the values shown in the preceding table.</p>
-<p data-transform='constraint'>The presentation processor MUST allow the user to specify character edge attributes and types for the generic fontFamily names for the values shown in the preceding table.</p>
+<div data-transform='constraint'>The presentation processor MUST allow the user to specify a generic fontFamily for the document using the values shown in the preceding table.</div>
+<div data-transform='constraint'>The presentation processor MUST 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 class="note"><p>Presentation processor and Unicode code point support is defined in <a href="#code-points">Code Point support</a></p></div>
<div class="note"><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>
</section>
@@ -944,14 +952,14 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>document MUST only specify tts:fontSize(s) using a value of 50%, 75%, 100%, 150% or 200%.</p>
+<div data-transform='constraint'>document MUST only specify tts:fontSize(s) using a value of 50%, 75%, 100%, 150% or 200%.</div>
<div class="note"><p>Use of a fontSize of less than 75% (i.e. 50%) could result in unreadable content for a user.</p></div>
<div class="note"><p>Specifying a fontSize is used for a document could allow the user to select a preferred fontSize.</p></div>
<div class="note"><p>If a specific fontSize is not supported, then, follow the semantics for a presentation processor defined in [[!TTML10]], Section 8.2.9.</p></div>
<section>
-<!-- <p data-transform='example'>Example to show how to specify an initial font.</p> -->
+<!-- <div data-transform='example'>Example to show how to specify an initial font.</div> -->
<!-- div data-include=example3.xml'></div --></section>
-<p data-transform='constraint'>The default font height of the presentation processor MUST be 5% of the root container height</p>
+<div data-transform='constraint'>The default font height of the presentation processor MUST be 5% of the root container height</div>
<div class="note"><p>This is equivalent to one cell using the default grid. A presentation processor is however not required to support the grid metric.</p></div>
</section>
</section>
@@ -980,7 +988,7 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>The capability MUST exist for the user to specify the italic style for the font families identified in this profile.</p>
+<div data-transform='constraint'>The capability MUST exist for the user to specify the italic style for the font families identified in this profile.</div>
</section>
</section>
<section id='Constrained_TTML_Feature_length_percentage'>
@@ -1009,7 +1017,7 @@
<h4>Constraints</h4>
<p>None</p>
<section>
-<p data-transform='example'>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:</p>
+<div data-transform='example'>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>
<pre class='example' style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;">
<span style="color:blue;"><</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;">/></span>
@@ -1075,10 +1083,10 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>Styles MUST be applied either by reference or through use of inline styling.</p>
-<p data-transform='constraint'>Styles MUST be applied with a single style element using the style attribute.</p>
-<p data-transform='constraint'>Style elements MUST NOT reference other styles.</p>
-<p data-transform='constraint'>Style elements MUST NOT be child elements of region elements.</p>
+<div data-transform='constraint'>Styles MUST be applied either by reference or through use of inline styling.</div>
+<div data-transform='constraint'>Styles MUST be applied with a single style element using the style attribute.</div>
+<div data-transform='constraint'>Style elements MUST NOT reference other styles.</div>
+<div data-transform='constraint'>Style elements MUST NOT be child elements of region elements.</div>
<div class="note"><p>The constraints in this section result in a document that contains style blocks that are complete and self-contained.</p></div>
</section>
</section>
@@ -1188,8 +1196,8 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>The tts:textDecoration-under attribute MUST support the constraints identified in this profile.</p>
-<p data-transform='constraint'>The capability MUST exist for the user to specify the underline decoration for the font families identified in this profile.</p>
+<div data-transform='constraint'>The tts:textDecoration-under attribute MUST support the constraints identified in this profile.</div>
+<div data-transform='constraint'>The capability MUST exist for the user to specify the underline decoration for the font families identified in this profile.</div>
</section>
</section>
<section id='Constrained_TTML_Feature_textOutline_unblurred'>
@@ -1217,14 +1225,14 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>Character edge attributes MUST be expressed using textOutline-unblurred based on the settings identified in CEA-708-D, Section 8.5.8.</p>
-<p data-transform='constraint'>A text outline MUST be expressed using textOutline-unblurred of up to 10% thickness.</p>
-<p data-transform='constraint'>The user MUST be able to specify character edge and type attributes using tts:textOutline attribute.</p>
-<p data-transform='constraint'>The user MUST be able to specify the rendering of character edge types of: none, raised, depressed, uniform or drop shadowed edges.</p>
-<p data-transform='atrisk'>Except for <code>none</code>, [[!TTML10]] provides no explicit, named edge style, such as raised, depressed, drop, etc. Some of
+<div data-transform='constraint'>Character edge attributes MUST be expressed using textOutline-unblurred based on the settings identified in CEA-708-D, Section 8.5.8.</div>
+<div data-transform='constraint'>A text outline MUST be expressed using textOutline-unblurred of up to 10% thickness.</div>
+<div data-transform='constraint'>The user MUST be able to specify character edge and type attributes using tts:textOutline attribute.</div>
+<div data-transform='constraint'>The user MUST be able to specify the rendering of character edge types of: none, raised, depressed, uniform or drop shadowed edges.</div>
+<div data-transform='atrisk'>Except for <code>none</code>, [[!TTML10]] provides no explicit, named edge style, such as raised, depressed, drop, etc. Some of
these, such as <code>depressed</code> (inset) and <code>uniform</code> may be achieved with the current definition of <code>tts:textOutline</code>, however, the
<code>raised</code> and <code>drop</code> edge style may require the use of multiple outlines (shadows), which are not presently supported. One way
-to address this may be to add an appendix that recommends how to map these CEA-708 edge types to specific <code>tts:textOutline</code> usage patterns.</p>
+to address this may be to add an appendix that recommends how to map these CEA-708 edge types to specific <code>tts:textOutline</code> usage patterns.</div>
<p></p>
</section>
</section>
@@ -1284,10 +1292,10 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>Active region(s) MUST NOT overlap.</p>
-<p data-transform='constraint'>No more than 4 region(s) MUST be active concurrently.</p>
-<p data-transform='constraint'>No more than four lines of text MUST be selected into all active regions at any given time.</p>
-<p data-transform='atrisk'/>
+<div data-transform='constraint'>Active region(s) MUST NOT overlap.</div>
+<div data-transform='constraint'>No more than 4 region(s) MUST be active concurrently.</div>
+<div data-transform='constraint'>No more than four lines of text MUST be selected into all active regions at any given time.</div>
+<div data-transform='atrisk'></div>
</section>
</section>
<section id='Constrained_TTML_Feature_lineBreak-uax14'>
@@ -1315,8 +1323,8 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>At most 32 characters MUST be present in any displayed text line.</p>
-<p data-transform='constraint'>At most one p element MUST be selected into a region at a time.</p>
+<div data-transform='constraint'>At most 32 characters MUST be present in any displayed text line.</div>
+<div data-transform='constraint'>At most one p element MUST be selected into a region at a time.</div>
<div class="note"><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 class="note"><p>Constraining one p element to a region logically places content from two different speakers to different region(s).</p></div>
<div class="note"><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>
@@ -1353,11 +1361,11 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>Timing MUST be expressed in the hh:mm:ss.ms or hh:mm:ss:ff format used in the timeExpression.</p>
-<p data-transform='constraint'>Timing MUST be expressed in the same format throughout the document.</p>
-<p data-transform='constraint'>Presentation processors MUST support durations (dur) on the p and span elements, and MAY (but need not) support on other element types;
-as such, a document SHOULD NOT use a duration on an element type other than p or span.</p>
-<p data-transform='constraint'>For timing in hh:mm:ss.ms, the following format MUST be used:</p>
+<div data-transform='constraint'>Timing MUST be expressed in the hh:mm:ss.ms or hh:mm:ss:ff format used in the timeExpression.</div>
+<div data-transform='constraint'>Timing MUST be expressed in the same format throughout the document.</div>
+<div data-transform='constraint'>Presentation processors MUST support durations (dur) on the p and span elements, and MAY (but need not) support on other element types;
+as such, a document SHOULD NOT use a duration on an element type other than p or span.</div>
+<div data-transform='constraint'>For timing in hh:mm:ss.ms, the following format MUST be used:</div>
<ul>
<li>Exactly 2 digits MUST be used in each of the hours, minutes, and second components (include leading zeros).</li>
<li>Exactly 3 decimal places MUST be used for the milliseconds component (include zeros).</li>
@@ -1365,7 +1373,7 @@
<pre class='example' style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;">
<span style="color:blue;"><</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;"> ></span>Test<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span>
</pre>
-<p data-transform='constraint'>For timing in hh:mm:ss.ms, the following format MUST be used:</p>
+<div data-transform='constraint'>For timing in hh:mm:ss.ms, the following format MUST be used:</div>
<ul>
<li>Exactly 2 digits MUST be used in each of the hours, minutes, second, and frame components (include leading zeros).</li>
<li>A ttp:frameRate attribute MUST be present on the root element.</li>
@@ -1426,7 +1434,7 @@
<td> </td>
</tr>
</table>
-<div class="note"><p>Use of the #frameRateMultiplier feature is optional in a document (see <a href="#Features_in_TTML_1.0_Used">Features in [[!TTML10]] Used in This Profile</a>).</p></div>
+<div class="note"><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>
</section>
<section class='Core_Constraints'>
<h4>Constraints</h4>
@@ -1458,10 +1466,10 @@
<section class='Core_Constraints'>
<h4>Constraints</h4>
<p>Presentation processors MUST support the capability to present documents where the following constraints apply:</p>
-<p data-transform='constraint'>The set element MUST only animate the region or span element.</p>
-<p data-transform='constraint'>The use of set elements applied to a region element MUST only animate the tts:display, tts:origin or tts:extent attribute.</p>
-<p data-transform='constraint'>The use of set elements applied to a span element MUST only animate the tts:color attribute.</p>
-<p data-transform='constraint'>No more than 6 set elements MUST be used within a given element</p>
+<div data-transform='constraint'>The set element MUST only animate the region or span element.</div>
+<div data-transform='constraint'>The use of set elements applied to a region element MUST only animate the tts:display, tts:origin or tts:extent attribute.</div>
+<div data-transform='constraint'>The use of set elements applied to a span element MUST only animate the tts:color attribute.</div>
+<div data-transform='constraint'>No more than 6 set elements MUST be used within a given element</div>
<div class="note"><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 class="note"><p>Animation is constrained to the scenarios to change the foreground color of content when flashing text is required.</p></div>
</section>
@@ -1524,7 +1532,8 @@
</pre></section>
<section id='error_handling'>
<h2>Error handling</h2>
-<p>A presentation process 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>
+<p class=issue>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>
+<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%;">
<tr>
<th>Feature</th>
@@ -1542,6 +1551,7 @@
<td>MUST ignore</td>
</tr>
</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'>
<h2>Future Needs for TTML next for Simple Delivery</h2>
@@ -1632,9 +1642,9 @@
</section>
<section class='appendix'>
<h2>Code points</h2>
-<p data-transform='constraint'>Presentation processors SHOULD 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).</p>
+<div data-transform='constraint'>Presentation processors SHOULD 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>
<p class="note">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>
-<p data-transform='constraint'>Presentation processors SHOULD 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.</p>
+<div data-transform='constraint'>Presentation processors SHOULD 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>
<table style="border-collapse: collapse;width:630pt; width:835px;border:0">
<colgroup>
<col style="width:38pt; width:51px" />
@@ -1662,7 +1672,7 @@
<td class="style3" style="height:20px;width:51px"></td>
<td class="style4"><span> </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">%</td>
@@ -2647,7 +2657,7 @@
<td class="style2" style="width:49px"></td>
</tr>
</table>
-<p data-transform='constraint'>Presentation processors MAY support the extended G2 characters sets that map onto Unicode code points (See table).</p>
+<div data-transform='constraint'>Presentation processors MAY support the extended G2 characters sets that map onto Unicode code points (See table).</div>
Presentation processors may also provide Glyph coverage for additional Unicode code points
<section class='color_values'>
<h2>Color values</h2>