検索
ホームページウェブフロントエンドhtmlチュートリアルJSPがHTMLを出力する際に​​発生する大量のスペースや改行を削除する方法

この問題は、JSP で EL タグやその他のタグを使用すると、大量のスペースと改行が生成されるため、たとえば:

------- start ---------- 
<c:choose> 
<c:when test="${fn:length(mainPageList)>1&}"> 
Something 
</c:when> 
<c:otherwise> 
Others 
</c:otherwise> 
</c:choose> 
------- end -----------

このコードは、Tomcat では次のように出力されます。いくつかの行が壊れています。

------- start ---------- 
Something 
------- end -----------

もちろん、特別な注意を払わなくても、一般的には問題はありません。結局のところ、スペースや改行がどれだけ出力されても、ブラウザによって生成される最終的な効果は同じです。これが、ほとんどの開発者がこの問題を無視する理由ですが、実際には、これらのスペースと改行が多くのスペースを占めています。また、Web サーバーが HTML を zip で出力すると、スペースによって引き起こされる帯域幅の問題は解決できると言う人もいますが、確かに、zip を使用して HTML を出力すると、スペースや改行のスペースは節約されますが、これにより作業負荷が増加します。 zip は巨大で、最大の問題は、ブラウザがページを生成するときに、すべてのスペースと改行が復元されてしまうことです。これは、フロントエンド開発者にとって悪いニュースです。大量のスペースと長い HTML ソース コードに直面すると、問題のあるスタイルの場所を見つけるのは簡単ではありません。
Tomcat を例として、以下の解決策について説明します。
オプション 1、Web サーバーの TrimSpaces 関数を使用します。
Tomcat5 以降のバージョンを使用できます。これが最も簡単な方法です。

<servlet> 
<servlet-name>jsp</servlet-name> 
<servlet-class>org.apache.jasper.servlet.JspServlet</servlet-class> 
<init-param> 
<param-name>fork</param-name> 
<param-value>false</param-value> 
</init-param> 
<init-param> 
<param-name>trimSpaces </param-name> 
<param-value>true </param-value> 
</init-param> 
<init-param> 
<param-name>xpoweredBy</param-name> 
<param-value>false</param-value> 
</init-param> 
<load-on-startup>3</load-on-startup> 
</servlet>

この解決策には欠点があり、すべての JSP EL タグ間のスペースの改行が削除されるため、場合によっては不便が生じる可能性があります。
例: あなたの名前は ${firstName} ${lastName} です == 出力は ==> あなたの名前は firstNamelastName です
2 つの ${} 変数間のスペースも消えます。この問題を解決するには、スペースを 1 つだけ含む変数を導入するのが非常に面倒です。

あなたの名前は ${firstName}${one_space}${lastName} です。これは正常です。一部のグローバル変数に one_space 変数を追加することはできますが、それでもコードの見栄えは良くありません。
オプション 2、私はそのほうが好きです。
このソリューションは、Tomcat6 などの JSP 2.1 をサポートする Web サーバーでのみ使用できます。
Jsp2.1 には非常に便利なコマンドがあります;
このコマンドは、JSP による HTML 出力時に冗長な空白行を削除できます (JSP で EL とタグを使用すると、スペースや空白行など)、trimSpaces を使用しても問題ありません。JSP による HTML 出力は適切にフォーマットされ、以前は Velocity のテンプレートがとてもきれいで美しいと思っていましたが、今では JSP でフォーマットできます。それもやってください。
さらに、Tomcat6 には互換性の問題がいくつかあります。たとえば、#{} のようなコードは JSF スクリプトとして実行されるため、jsp では使用できません。
これは小さな問題ですが、それでも細部に注意を払う必要があります。


JSP が HTML を出力するときに生成される大量のスペースや改行を削除する方法に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
HTMLの役割:Webコンテンツの構造HTMLの役割:Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。

HTMLとコード:用語を詳しく見るHTMLとコード:用語を詳しく見るApr 10, 2025 am 09:28 AM

htmlisaspecifictypeofcodefocuseduructuringwebcontent

HTML、CSS、およびJavaScript:Web開発者に不可欠なツールHTML、CSS、およびJavaScript:Web開発者に不可欠なツールApr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

HTML、CSS、およびJavaScriptの役割:コアの責任HTML、CSS、およびJavaScriptの役割:コアの責任Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLは初心者のために簡単に学ぶことができますか?HTMLは初心者のために簡単に学ぶことができますか?Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTMLでの開始タグの例は何ですか?HTMLでの開始タグの例は何ですか?Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

CSSのフレックスボックスレイアウトを使用して、メニューの点線のラインセグメンテーション効果のセンターアラインメントを実現する方法は?CSSのフレックスボックスレイアウトを使用して、メニューの点線のラインセグメンテーション効果のセンターアラインメントを実現する方法は?Apr 05, 2025 pm 01:24 PM

メニューで点線のラインセグメンテーション効果を設計する方法は?メニューを設計するときは、通常、皿の名前と価格の間に左右に合わせることは難しくありませんが、真ん中の点線またはポイントはどうですか...

オンラインコードエディターはコード入力を実装するためにどのようなHTML要素を使用していますか?オンラインコードエディターはコード入力を実装するためにどのようなHTML要素を使用していますか?Apr 05, 2025 pm 01:21 PM

WebコードエディターのHTML要素分析では、多くのオンラインコードエディターを使用すると、ユーザーはHTML、CSS、およびJavaScriptコードを入力できます。最近、誰かが提案した...

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター