title: Translations in Angular using i18n
body: <p>I'm new on i18n, i need to translate a whole div using a single id, but I can't seem to find any guide that helps me convert any html tag to xliff.</p>
  
  <p>I've seen this guide <a href="https://docs.oasis-open.org/xliff/v1.2/xliff-profile-html/xliff-profile-html-1.2-cd02.html" rel="nofollow noreferrer">https://docs.oasis-open.org/xliff/v1.2/xliff-profile-html/xliff-profile-html-1.2-cd02.html</a> yet i'm not able yet to convert anything, that's my code </p>
  
  <pre><code>&lt;div i18n="@@abl1"&gt;
   &lt;h2&gt;hello&lt;/h2&gt;
   &lt;h3&gt;how are you&lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>that's what i've tried:</p>
  
  <pre><code>&lt;trans-unit id="abl1" datatype="html"&gt;
   &lt;source&gt;
    &lt;x id="START_TAG_H2" ctype="x-h2" equiv-text="&amp;lt;h2&amp;gt;"/&gt;
     Hello
     &lt;x id="CLOSE_TAG_H2" ctype="x-h2" equiv-text="&amp;lt;/h2&amp;gt;"/&gt;
     &lt;x id="START_TAG_H3" ctype="x-h3" equiv-text="&amp;lt;h3&amp;gt;"/&gt;
      How are you?
     &lt;x id="CLOSE_TAG_H3" ctype="x-h3" equiv-text="&amp;lt;/h3&amp;gt;"/&gt;
    &lt;/source&gt;
    &lt;target&gt;
     &lt;x id="START_TAG_H2" ctype="x-h2" equiv-text="&amp;lt;h2&amp;gt;"/&gt;
      Salut
     &lt;x id="CLOSE_TAG_H2" ctype="x-h2" equiv-text="&amp;lt;/h2&amp;gt;"/&gt;
     &lt;x id="START_TAG_H3" ctype="x-h3" equiv-text="&amp;lt;h3&amp;gt;"/&gt;
      Comment vas tu?
     &lt;x id="CLOSE_TAG_H3" ctype="x-h3" equiv-text="&amp;lt;/h3&amp;gt;"/&gt;
    &lt;/target&gt;
    &lt;context-group purpose="location"&gt;
    &lt;context context-type="sourcefile"&gt;src/app/propos/propos.component.html 
    &lt;/context&gt;
   &lt;/context-group&gt;
  &lt;/trans-unit&gt;
  </code></pre>
  
  <p>when i've tried this method with span and strong it worked just fine yet when i use it with h2 and h3 i get the following error:</p>
  
  <pre><code>ERROR in Unknown placeholder "START_TAG_H2" (" [ERROR -&gt;]
  &lt;x id="START_TAG_H2" ctype="x-h2" equiv-text="&amp;lt;h2&amp;gt;"/&gt;
  Salut
  &lt;x id="CLOSE_"): i18n@1:10
  Unknown placeholder "CLOSE_TAG_H2" (" 
  &lt;x id="START_TAG_H2" ctype="x-h2" equiv-text="&amp;lt;h2&amp;gt;"/&gt;
  Salut
  [ERROR -&gt;]&lt;x id="CLOSE_TAG_H2" ctype="x-h2" equiv-text="&amp;lt;/h2&amp;gt;"/&gt;
  &lt;x id="START_TAG_H3" ctype="x-"): i18n@3:10
  Unknown placeholder "START_TAG_H3" ("
  Salut&lt;x id="CLOSE_TAG_H2" ctype="x-h2" equiv-text="&amp;lt;/h2&amp;gt;"/&gt;
  [ERROR -&gt;]&lt;x id="START_TAG_H3" ctype="x-h3" equiv-text="&amp;lt;h3&amp;gt;"/&gt;
  Comment vas tu?&lt;x "): i18n@4:10
  Unknown placeholder "CLOSE_TAG_H3" ("  
  &lt;x id="START_TAG_H3" ctype="x-h3" equiv-text="&amp;lt;h3&amp;gt;"/&gt;
  Comment vas tu?[ERROR -&gt;]
  &lt;x id="CLOSE_TAG_H3" ctype="x-h3" equiv-text="&amp;lt;/h3&amp;gt;"/&gt;"): i18n@6:10
  </code></pre>
  
  <p>How can I proceed?</p>