About the subtitle

There is no specific <subtitle> HTML element used; instead, the subtitle is enclosed in paragraph tags:
<p class="introduction">Job Ticket for '%1'</p> 
This paragraph is assigned a class ("introduction"), which determines how it looks. The class is defined as follows in the CSS file:
form p.introduction 
    {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 2em;
    color: rgba(255,255,255,1);
    /* background: linear-gradient(to right, rgba(154,169,16,1), rgba(154,169,16,0)); Esko green */
    /* background: linear-gradient(to right, rgba(249,153,69,1), rgba(249,153,69,0)); Connect orange */
    background: linear-gradient(to right, rgba(155,155,155,1), rgba(155,155,155,0));
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12) !important;
    padding: 6px 0 6px 10px;
    }
The first line (form p.introduction) is called the CSS selector: it indicates where the CSS code should be applied; in this example, it should be applied to a paragraph element (p) inside a form (form), which is assigned the class "introduction" (.introduction) - the dot refers to a class.
Note: If you're using the basic Job Ticket in Connect, you can change the subtitle via the Connect interface (HTML Layout button).