0

<head>この1時間ネットを検索してきましたが、ページの要素にcssファイルを追加する方法がわかりません。

私がshopping.jspというjspを持っているとしましょう。その中に、products.tagというjspタグファイルを条件付きで含めます。

products.jspで、ページのhead要素に追加するcssファイルを指定したいと思います。これはどのように行うことができますか？

編集

このコードは、例のために簡略化されています。

// shopping.jsp
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<t:standard_page>
    <jsp:body>
        <t:products product="${product}"/>
    </jsp:body>
</t:standard_page>


// products.tag
// I want to specify a css file in this tag file that will get added to the <head> element of the webpage
<%@tag description="Template for products on the shopping cart page" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@tag import="com.myapp.Product" %>
<%@attribute name="product" required="true" type="com.myapp.Product"%>

<div class="shopping-cart-row">
    <div class="product-name">${product.name}</div>
    <div class="product-quantity">${product.quantity}</div>
</div>
4

1 に答える 1

1

HTML5によると、<style>要素は内部に表示できます

メタデータ要素を含むことができるdiv任意のnoscript要素、、、、、sectionarticleaside

そのため、ページを検証する場合は、要素を使用する方法で<style>要素を内部に配置する必要はありません。<head><link>

<style type="text/css">@import url("/path/to/stylesheet.css");</style>

本体内から外部スタイルシートを問題なくロードします。

のかなり下にある場合、<body>またはその前に実行時間の長い非遅延/非同期<script>要素がある場合、それらのスタイルは からロードされたスタイルよりも著しく遅れて到着する可能性があります<head>。

于 2013-02-09T19:30:54.233 に答える