首页 \ 问答 \ Meta标签上的Thymeleaf功能(Thymeleaf functionality on Meta tag)

Meta标签上的Thymeleaf功能(Thymeleaf functionality on Meta tag)

 我不确定这是否是已知的情况。 但是我很困惑，因为我找不到任何讨论。  
 提高我的澄清。 基于thymeleaf的html页面是否允许meta标签位于其头部？  
 我有这样的代码 ：  
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
   <head>
      <title>Data Services Platform Support</title>
      <div th:replace="fragments/header :: header-css" />
      <script
         src="https://cdnjs.cloudflare.com/ajax/libs/angular-smart-table/2.1.8/smart-table.min.js"></script>
      <link rel="stylesheet"
         href="https://fonts.googleapis.com/css?family=Open+Sans" />
      <link rel="stylesheet" type="text/css"
         href="webjars/bootstrap/3.3.7/css/bootstrap.min.css" />
      <link rel="stylesheet" th:href="@{/css/main.css}"
         href="../../css/main.css" />
      <script
         src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
      <script
         src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   </head>
   <body>
      ...
   </body>
</html>
 
 它显示我正在寻找的页面。  
 但是，当我尝试添加meta标记来升级我的页面时，只有很少的功能（需要meta标记）， 所以白标错误页面就是我所得到的。  
 我修改的代码 ：  
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
   <head>
      <title>Data Services Platform Support</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <div th:replace="fragments/header :: header-css" />
      <script
         src="https://cdnjs.cloudflare.com/ajax/libs/angular-smart-table/2.1.8/smart-table.min.js"></script>
      <link rel="stylesheet"
         href="https://fonts.googleapis.com/css?family=Open+Sans" />
      <link rel="stylesheet" type="text/css"
         href="webjars/bootstrap/3.3.7/css/bootstrap.min.css" />
      <link rel="stylesheet" th:href="@{/css/main.css}"
         href="../../css/main.css" />
      <script
         src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
      <script
         src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   </head>
   <body>
      ...
   </body>
</html>
 
 有什么我需要考虑的吗？ 请帮忙。 

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

更新时间：2022-07-20 10:07

最满意答案

 是的，Thymeleaf支持所有标签。 如果您使用的是旧版的thymeleaf，则可能需要有效的xhtml。 所以你的meta标签应该看起来像这样：  
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
 
 （与结束斜线）。 服务器日志错误消息将包含错误的详细信息。 

Yes, Thymeleaf supports all tags. If you are using an old version of thymeleaf, it may be likely that it needs to be valid xhtml. So your meta tags should looks like this: 
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
 
(with the ending slash). The server log error message will contain the details of the error.

Meta标签上的Thymeleaf功能(Thymeleaf functionality on Meta tag)

最满意答案

相关问答

OS X终端：Meta键+ alt功能同时(OS X Terminal: Meta key + alt functionality at the same time)[2023-01-22]

HTML：元描述标签的用途(HTML: Meta description tag's uses)[2022-08-16]

哪个标签有用，哪些不是？(Which tags are useful and which not?)[2022-07-10]

Sitecore Meta标签(Sitecore Meta tags)[2022-06-30]

Meta标签上的Thymeleaf功能(Thymeleaf functionality on Meta tag)[2022-07-20]

为什么我不能将HSTS标头放在元标签上？(Why can't I put an HSTS header on a meta tag?)[2022-10-28]

lang属性Vs meta标签charset属性(lang attribute Vs meta tags charset attribute)[2022-07-10]

TagHelper用于标签(TagHelper for tags)[2023-03-11]

使用meta标签防止pinterest固定(prevent pinterest pinning using meta tag)[2023-01-22]

HTML 标记(HTML tag)[2022-11-05]

相关文章

最新问答