Struts2 <s:head>範例


<s:head>標籤是用來輸出如編碼,CSS或JavaScript檔案的HTML頭資訊。請參見下面的程式碼片段:

<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<s:head />
</head>
<body>
..

假設使用的是預設XHTML主題,它會根據「template\xhtml\head.ftl」檔案渲染輸出:

<html>
<head>
<link rel="stylesheet" href="/your_project/struts/xhtml/styles.css" type="text/css"/> 
<script src="/your_project/struts/utils.js" type="text/javascript"></script> 
</head>
<body>
..

要包括新的JS和CSS檔案,只需將其新增到「template\xhtml\head.ftl」模板檔案,並通過<s:head>標籤輸出。其實,這個<S:head>標籤並不需要HTML <head>標籤,

<head>
<s:head />
</head>

可以把它放在任何地方,它只是輸出 CSS 和 JS 檔案路徑(預設情況下,XHTML的主題)。

<head>
</head>
<body>
<s:head />
...
良好實踐

為了提高網站的效能,良好的做法是把CSS檔案在頁面頂部; 而JS檔案在頁面底部。 So, the 因此,<s:head>標籤可能不適合,一個很好的做法應該是創建立新的標籤將CSS和JS檔案輸出分開。例如,<s:css> 和 <s:javascript>。

參考

  1. Struts 2 <s:head> 範例