title: What is the role of <app-root> in ionic project
body: <p>I ran a blank project in ionic and got it working fine.Now i am trying to understand the working of code.What does  in this program do.I am new to ionic.Please explain to me it in details. is found in the index.html file</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;title&gt;Ionic App&lt;/title&gt;
  
    &lt;base href="/" /&gt;
  
    &lt;meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt;
    &lt;meta name="format-detection" content="telephone=no" /&gt;
    &lt;meta name="msapplication-tap-highlight" content="no" /&gt;
  
    &lt;link rel="icon" type="image/png" href="assets/icon/favicon.png" /&gt;
  
    &lt;!-- add to homescreen for ios --&gt;
    &lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
    &lt;meta name="apple-mobile-web-app-status-bar-style" content="black" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;app-root&gt;&lt;/app-root&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  ~
  </code></pre>