title: Thymeleaf functionality on Meta tag
body: <p>I'm not sure if this could be a known scenario. But I'm confused since I couldn't find any discussions on this.</p>
  
  <p>Raising my clarification. Does <code>thymeleaf</code> based <code>html</code> page allow <code>meta</code> tags within its head?</p>
  
  <p><em>I've this code</em>:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html xmlns:th="http://www.thymeleaf.org"&gt;
     &lt;head&gt;
        &lt;title&gt;Data Services Platform Support&lt;/title&gt;
        &lt;div th:replace="fragments/header :: header-css" /&gt;
        &lt;script
           src="https://cdnjs.cloudflare.com/ajax/libs/angular-smart-table/2.1.8/smart-table.min.js"&gt;&lt;/script&gt;
        &lt;link rel="stylesheet"
           href="https://fonts.googleapis.com/css?family=Open+Sans" /&gt;
        &lt;link rel="stylesheet" type="text/css"
           href="webjars/bootstrap/3.3.7/css/bootstrap.min.css" /&gt;
        &lt;link rel="stylesheet" th:href="@{/css/main.css}"
           href="../../css/main.css" /&gt;
        &lt;script
           src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"&gt;&lt;/script&gt;
        &lt;script
           src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
     &lt;/head&gt;
     &lt;body&gt;
        ...
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>which displays the page I'm looking for.</p>
  
  <p>But when I tried adding the <code>meta</code> tag to upgrade my page with few functionalities(which require a <code>meta</code> tag), <strong>Whitelabel Error Page</strong> is all what I get.</p>
  
  <p><em>My modified code</em>:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html xmlns:th="http://www.thymeleaf.org"&gt;
     &lt;head&gt;
        &lt;title&gt;Data Services Platform Support&lt;/title&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
        &lt;div th:replace="fragments/header :: header-css" /&gt;
        &lt;script
           src="https://cdnjs.cloudflare.com/ajax/libs/angular-smart-table/2.1.8/smart-table.min.js"&gt;&lt;/script&gt;
        &lt;link rel="stylesheet"
           href="https://fonts.googleapis.com/css?family=Open+Sans" /&gt;
        &lt;link rel="stylesheet" type="text/css"
           href="webjars/bootstrap/3.3.7/css/bootstrap.min.css" /&gt;
        &lt;link rel="stylesheet" th:href="@{/css/main.css}"
           href="../../css/main.css" /&gt;
        &lt;script
           src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"&gt;&lt;/script&gt;
        &lt;script
           src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
     &lt;/head&gt;
     &lt;body&gt;
        ...
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Is there something I need to consider? Please help.</p>