PHP ノート (HTML)

Jun 23, 2016 pm 01:39 PM

私は多くの言語を学習してきましたが、最近ついに PHP を学習することにしました。

PHPを学ぶにはまずHTMLを学ばなければなりませんので、私もHTMLから始めます!

まずはどんなプログラミング言語でも学びましょう。何冊読んでも、それなしではいられない?? ヘルプ ドキュメント

HTML ヘルプ ドキュメント: http://pan.baidu.com/s/1hqxOymo

ノーとは言わないでください ご存知のとおり、近年普及している HTML5 は HTML の発展方向です。HTML の発展方向は次のとおりです。 XML は標準化されており、その過程で XHTML も派生します。

Webページを作る際に色を使うのは避けられませんが、色を表現する方法には単語表現と16進数表記があります。レビューのために投稿します。

RGB カラー テーブル:

プログラミング言語にはテキストとして直接表示できない特殊な記号が常にあり、HTML も例外ではありません。これらの特殊な記号は HTML でエンティティと呼ばれます。緊急時用のエンティティ比較表。

エンティティ比較表:

Web ページのコードはブラウザによって直接解析されます。Web ページを作成する際には、一般的に使用されるエンコードを選択する必要があります。ブラウザは、UTF-8、GBK、GD2312 などを選択できます。 Web ページを解析するためのエンコーディングも選択します。そこで問題は、ブラウザによって選択されたエンコーディングが Web ページの作成に使用されたエンコーディングと一致しない場合はどうなるかということです。解決策は 3 つあります:

    ブラウザに適応させるために最も一般的に使用されるエンコード方法を使用する
  1. Web ページに一致するようにブラウザのエンコードを設定する
  2. タグを使用する
明らかに、1 つのエンコードです。これはすべての人に適しているわけではなく、ユーザーがブラウザのコードを変更するほど賢明ではありません。したがって、最初の 2 つの方法は症状を治療するだけで根本的な原因は解決しません。3 番目の方法が最も重要です。

は単一のタグであり、その使用法は

in UTF -8 の例:

タグのその他の使用法ヘルプドキュメントを参照できます。

タグは、相対パスを絶対パスに変更したり、メソッドを開くなどのハイパーリンクを設定できます。 は単一のタグです。具体的な使用法についてはヘルプドキュメントを参照してください。

の属性設定は、Web ページ全体のデフォルト設定になります。フォントの色 (text)、背景の色 (bgcolor)、背景画像 (background)、背景のプロパティ (bgproperties) を設定できます。 )などを確認するか、ヘルプドキュメントを確認してください。

このタグは非常に特殊で、単一タグまたは二重タグとして使用できます。二重ラベルとして使用すると、ラベル間のコンテンツがセクションとして表示され、単一ラベルとして使用すると、ラベルから改行が始まります。二重ラベルの使用は比較的標準的で一般的です。

 タグは、 とは異なり、元の形式で出力されますが、<pre class="brush:php;toolbar:false"> タグ内のテキストは解析されます。 ;xmp> タグは解析できず、テキスト形式で出力されます。 <p> </p> <p> <li> タグは <ol> および <ul> とともに使用され、タグ間の内容がリスト内の項目として表示されます。デフォルトでは無効になっています。リストを順序付きリストにするには、<ul> タグを使用します。これらのタグのプロパティについては、ヘルプ ドキュメントを参照してください。 </p> <p> </p> <p><sub> と <sup>、下付きタグと上付きタグは両方とも二重タグです。 </p> <p> </p><img> は画像を表示するためのタグで、src 属性は画像のリンクを設定し、title 属性はマウスを置いたときに表示される名前を設定します。 alt 属性は、画像の読み込みに失敗した場合に表示される名前を設定します。他のプロパティについては、ヘルプ ドキュメントを参照してください。 <p> </p> <p> </p><a> は、ハイパーリンクに使用されるリンク タグであり、二重タグです。 href 属性はリンク アドレスを設定し、title 属性はラベルを配置したときに表示される名前を設定し、target 属性はリンクを開く方法を設定します。その他の属性についてはヘルプ ドキュメントを参照してください。 <p> </p><a> タグは、name 属性を使用して、特定の領域にリンクするためのアンカー ポイントを設定します。 Name は名前を設定し、href 属性が "#"+name に設定されている場合は、このページの名前にリンクできます。href が Web ページのパス + "#" + name に設定されている場合は、次のページの名前にリンクできます。 Web ページの場所。herf 属性が「#」または空に設定されている場合、このページの先頭にジャンプします。 <p> </p> <p> </p>現在のページにジャンプ<p> </p>
<p> </p>他のページにジャンプ<p> </p>
<p> </p>URL:Uniform Resource Locator<p> </p>URLは次で構成されます: http://i.cnblogs.com/EditPosts.aspx?postid=4275104&update =1 as例<p></p>
<li>プロトコル名: http://、ftp://、https://、file:// など (http://)</li> <li>ホスト名: (i.cnblogs.com) (cnblogs.com はドメイン名)</li> <li>ポート番号: 80、8080 など (範囲: 0~65535) (80) </li> <li>リソース名: アクセスされたファイル (EditPosts.aspx) </li> <li>パラメータ: "?" の後のキーと値のペア、複数のパラメータには " を使用します" &"Connection (パラメータを取得、パラメータは表示されます。パラメータを投稿、パラメータは表示されません) (postid=4275104&update=1) </li> <p> </p> <p> URL の相対パス: </p> <li>./: ローカル パスを表します</li> <li>../: 上位パスを表します </li> <li>../../: 上位パス (など) を表します </li> <p> </p> <p><table> ラベルはテーブルの構築に使用されます。これは二重ラベルです。 width 属性はテーブルの幅を設定し、height 属性はテーブルの高さを設定し、border 属性はテーブルの境界線を設定し、cellspacing 属性はセル間の幅を設定し、cellpadding 属性はセルのコンテンツ間の距離を設定します。そして国境。 </p> <p><tr> ラベルのネスト <table> ラベルはテーブルの行をデザインするために使用されます。これは二重ラベルです。 </p> <p><td> ラベルのネスト<tr> ラベルは、二重ラベルであるテーブルのセルを表すために使用されます。 rowspan 属性は行全体に設定され、属性値は複数の行にまたがる数を示します。colspan 属性は複数の列にまたがって設定され、属性値は複数の列にまたがる数を示します。 </p> <p> </p>
<th> ラベルのネスト </th>
<tr> ラベルはテーブルのヘッダーを表すために使用され、セルの内容は太字で中央揃えになります。  <p>その他の属性については、ヘルプドキュメントを確認してください。 </p> <p> </p> <p> </p> <p>HTML フレームはフレーミングとも呼ばれ、複数のページを 1 つのページに結合して表示します。 </p> <li>利点: </li> <li>ページをリロードするときに、ページ全体をリロードする必要がないため、Webページのダウンロード速度が向上します</li> <li>ナビゲーションバーを作成するのに便利です</li> <li>短所: </li> <li>複数のページがあるため、管理が難しい</li> <li>コードが複雑で検索できない</li> エンジンのインデックス<li> </li>マルチフレームページはサーバーのhttpリクエストを増加させる<li> </li>小型モバイルデバイスでは完全に表示できない<li> </li>上記の欠点により、標準に準拠していませんWebデザインのコンセプトは放棄してしまいましたが、背景は使えるのでまだまだ勉強が必要です。 <p> </p>Frame タグ: <li> <frameset> タグ、二重タグ</li> <frameset> タグはフレーム ページを定義するため、<frameset> タグは必要ありません。 <body> タグ<li> </li> border 属性はフレームの境界線のサイズを設定します <li> rows 属性はフレームの数と高さを設定します。「*」は残りのスペースを表します。 "," </li> <li>cols 属性はフレームの列数と幅を設定します。必要な数の列を記述します。「*」は残りのスペースを示し、「,」で区切られます</li> <li><frameset> をネストしてフレームを多様化できます。 format</li> <li><frame> ラベル、ダブルラベル </li> <li> は、<frameset> にネストされ、各ページのコンテンツを表示するために使用されます。 </li> <li> src 属性は、そのコンテンツを表示するページのパスを設定します </li> <li>name 属性は、設定できますリンク表示用のフレームの名前</li> <li><a>タグのtarget属性で表示ページのフレームを指定可能</li> <li><a>タグのtarget属性が「_parent」に設定されている場合、それを意味します「_top」に設定すると、トップレベルのフレーム表示と Web ページ全体のレイアウト表示を示します </li> <li> </li> <p class="sycode"> <br> ハイパーリンク </p> <p class="sycode"> </p><noframes&gt ; タグ、二重タグ <p class="sycode"> </p> ブラウザがフレームを読み込めない場合、<フレームは表示されません <p class="sycode"> <frameset> タグ内でネストされ、<body> タグとともに使用されます </p>
<p class="sycode"> </p>< ;iframe> タグ、単一タグ <p class="sycode"><li> </li> <li>別のドキュメント フレームを含むインラインを作成します</li> <li>このタグをサポートしていないブラウザでも表示できます</li> <li><body> タグで使用されます</li> <li><br /> <br />フレームのその他のプロパティと使用法については、ヘルプ ドキュメントを参照してください。 </li> <li> </li> <li> フォーム: 入力データをサーバーサイドプログラムに送信できる HTML 要素 </li><li><form> タグ、二重タグ  <li> HTML フォームを表します </li> <li>action 属性はデータ送信の宛先を設定します</li> <li>method 属性は get と post に設定できる送信方法を設定します </li> get は送信する情報が少なく、より速く、送信された情報はアドレスバーに表示されますが、これは安全ではありません<li> </li>post はより多くの情報を送信しますが、遅く、送信された情報はアドレスバーに表示されないため、より安全です<li> </li>enctype 属性はエンコードタイプを設定しますサーバーに送信されるデータの数<li> </li>application /x-www-form-urlencoded: フォーム データは、標準のエンコード形式、デフォルト値で名前と値のペアとしてエンコードされます <li> </li>multipart/form-data: フォーム データはメッセージとしてエンコードされます、ページ上の各コントロールの情報の一部に対応し、<li> </li>
<p> </p>
<input>タグ、単一タグ <li> </li>type、入力フィールドの表示モードを表します(入力タイプ、選択タイプ、クリックタイプに分けられます) ) <li> </li>テキスト、単一行 テキスト入力フィールド、入力タイプ <li> </li>パスワード、パスワード入力フィールド、入力された文字は「*」で表示されます、入力タイプ <li> </li>ファイル、ファイルアップロード、入力タイプ <li> </li>チェックボックス、チェックボックス、選択タイプ <li> </li>radio、ラジオ ボックス、選択タイプ <li> </li>hidden、隠しフィールド、通常はデフォルト値の転送に使用されます、<li> </li>ボタン、ボタン、クリックしてもフォームは送信されません、他の操作を実行できます、クリック タイプ <li> </li>image、imageボタン、クリックしてフォームを送信します、クリックしてタイプ <li> </li>submit、クリックしてフォームを送信、クリックタイプ <li> </li>reset、リセット ボタン、タイプ <li> </li>name をクリックし、フォーム項目の名前 <li> </li> は通常、次と同じに設定されますデータベース内の対応するフィールド名<li> </li>click この属性はタイプには必要ありません<li> </li>データ送信時の識別子<li> </li>チェックボックスの名前の値は通常配列で表されます<li> </li>ラジオボタンボックスの名前の値がは同じです。オプションは相互に排他的です<li> </li>value、フォーム項目の値<li> </li>Select Type は属性値を設定します。選択後、フォームで送信できます <li> </li>画像以外のタイプをクリックして、この属性を設定します。つまり、ボタンの表示名を設定します <li> </li>入力タイプ 属性値を設定し、デフォルト値を設定します <li> </li>maxlength、テキスト入力の長さを制限します <li> </li><textarea> ラベル、ダブルラベル <li> </li>複数行のテキストフィールド、入力できます複数行のテキスト <li> </li>cols、列数を設定、列数を渡し、幅を設定 <li> </li>rows、行数を設定、行数を渡し、高さを設定 <li> </li>残りの属性は次のとおりです。 <input> ラベル入力タイプと一致します <li> </li><select> ラベル、ダブルラベル <li> </li>ドロップダウンメニュー<li> </li> name 属性は、通常はデータベースフィールド名と一致するフォーム項目名を設定します <li> </li>複数の属性セットフォームを複数の Select <li> <option> タグ、二重タグ </li> ドロップダウン メニューのオプションを表すために <select> タグ内でネストして使用されます <li> </li> value 属性は、選択後のオプションの値を設定します。 、フォームで送信されます <li> </li>選択された属性の設定 デフォルトで選択されています <li> </li><lable>タグはテキストとオプションをバインドするように設定できるため、テキストをクリックして選択できます <li> </li><li> </li>その他の属性の場合フォームの使用方法については、ヘルプ ドキュメントをご覧ください。 <p> </p><div> タグ、二重タグ <p> </p>Layer タグ、要素またはレイアウトの配置に使用されます <p> </p> レイヤー内のコンテンツはブラウザ内のどこにでも配置でき、HTML 要素も配置できます <li> </li> CSS と組み合わせて使用​​されることが多い<li> </li> CSSと合わせて使われることが多いので、CSSを学ぶ際にはぜひ学んでください! <li> </li> <p> </p>この時点で、HTML の基本要素を学習し、単純な静的 Web ページの作成を開始できますが、動的な Web サイトにはまだ程遠いです。次はCSSを勉強しましょう! <p></p>
<p></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
</tr>
</ol>


						</div>
					</div>
					<div class="wzconShengming_sp">
						<div class="bzsmdiv_sp">このウェブサイトの声明</div>
						<div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div>
					</div>
				</div>

				<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="2507867629"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>


				<div class="AI_ToolDetails_main4sR">


				<ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-5902227090019525"
        data-ad-slot="3653428331"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>


					<!-- <div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>人気の記事</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796780570.html" title="R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>2週間前</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796773439.html" title="レポ:チームメイトを復活させる方法" class="phpgenera_Details_mainR4_bottom_title">レポ:チームメイトを復活させる方法</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 か月前</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796774171.html" title="ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法" class="phpgenera_Details_mainR4_bottom_title">ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 か月前</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796775427.html" title="スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?" class="phpgenera_Details_mainR4_bottom_title">スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>4週間前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796775336.html" title="R.E.P.O.ファイルの保存場所:それはどこにあり、それを保護する方法は?" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.ファイルの保存場所:それはどこにあり、それを保護する方法は?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>4週間前</span>
										<span>By DDD</span>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/ja/article.html">もっと見る</a>
							</div>
						</div>
					</div> -->


											<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>ホットAIツール</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
													<h3>Undresser.AI Undress</h3>
												</a>
												<p>リアルなヌード写真を作成する AI 搭載アプリ</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
													<h3>AI Clothes Remover</h3>
												</a>
												<p>写真から衣服を削除するオンライン AI ツール。</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
													<h3>Undress AI Tool</h3>
												</a>
												<p>脱衣画像を無料で</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
													<h3>Clothoff.io</h3>
												</a>
												<p>AI衣類リムーバー</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title">
													<h3>AI Hentai Generator</h3>
												</a>
												<p>AIヘンタイを無料で生成します。</p>
											</div>
										</div>
																</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/ja/ai">もっと見る</a>
								</div>
							</div>
						</div>
					

					<script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>

					<div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>人気の記事</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796780570.html" title="R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>2週間前</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796773439.html" title="レポ:チームメイトを復活させる方法" class="phpgenera_Details_mainR4_bottom_title">レポ:チームメイトを復活させる方法</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 か月前</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796774171.html" title="ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法" class="phpgenera_Details_mainR4_bottom_title">ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 か月前</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796775427.html" title="スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?" class="phpgenera_Details_mainR4_bottom_title">スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>4週間前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796775336.html" title="R.E.P.O.ファイルの保存場所:それはどこにあり、それを保護する方法は?" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.ファイルの保存場所:それはどこにあり、それを保護する方法は?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>4週間前</span>
										<span>By DDD</span>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/ja/article.html">もっと見る</a>
							</div>
						</div>
					</div>


											<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>ホットツール</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="メモ帳++7.3.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_title">
													<h3>メモ帳++7.3.1</h3>
												</a>
												<p>使いやすく無料のコードエディター</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/toolset/development-tools/93" title="SublimeText3 中国語版" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 中国語版" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/toolset/development-tools/93" title="SublimeText3 中国語版" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 中国語版</h3>
												</a>
												<p>中国語版、とても使いやすい</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ゼンドスタジオ 13.0.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_title">
													<h3>ゼンドスタジオ 13.0.1</h3>
												</a>
												<p>強力な PHP 統合開発環境</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ドリームウィーバー CS6" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_title">
													<h3>ドリームウィーバー CS6</h3>
												</a>
												<p>ビジュアル Web 開発ツール</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 Mac版</h3>
												</a>
												<p>神レベルのコード編集ソフト(SublimeText3)</p>
											</div>
										</div>
																	</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/ja/ai">もっと見る</a>
								</div>
							</div>
						</div>
										

					
					<div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>ホットトピック</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/gmailyxdlrkzn" title="Gmailメールのログイン入り口はどこですか?" class="phpgenera_Details_mainR4_bottom_title">Gmailメールのログイン入り口はどこですか?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>7364</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>15</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/java-tutorial" title="Java チュートリアル" class="phpgenera_Details_mainR4_bottom_title">Java チュートリアル</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1628</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>14</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/cakephp-tutor" title="CakePHP チュートリアル" class="phpgenera_Details_mainR4_bottom_title">CakePHP チュートリアル</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1353</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>52</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/laravel-tutori" title="Laravel チュートリアル" class="phpgenera_Details_mainR4_bottom_title">Laravel チュートリアル</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1265</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>25</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/php-tutorial" title="PHP チュートリアル" class="phpgenera_Details_mainR4_bottom_title">PHP チュートリアル</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1214</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>29</span>
										</div>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/ja/faq/zt">もっと見る</a>
							</div>
						</div>
					</div>
				</div>
			</div>
							<div class="Article_Details_main2">
					<div class="phpgenera_Details_mainL4">
						<div class="phpmain1_2_top">
							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
									src="/static/imghw/index2_title2.png" alt="" /></a>
						</div>
						<div class="phpgenera_Details_mainL4_info">

													<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796778251.html" title="Laravelでフラッシュセッションデータを使用します" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/174177050399455.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Laravelでフラッシュセッションデータを使用します" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796778251.html" title="Laravelでフラッシュセッションデータを使用します" class="phphistorical_Version2_mids_title">Laravelでフラッシュセッションデータを使用します</a>
								<span class="Articlelist_txts_time">Mar 12, 2025 pm	 05:08 PM</span>
								<p class="Articlelist_txts_p">Laravelは、直感的なフラッシュメソッドを使用して、一時的なセッションデータの処理を簡素化します。これは、アプリケーション内に簡単なメッセージ、アラート、または通知を表示するのに最適です。
データは、デフォルトで次の要求のためにのみ持続します。
$リクエスト - </p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796773565.html" title="LaravelのバックエンドでReactアプリを構築する:パート2、React" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/242/473/174105199680987.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="LaravelのバックエンドでReactアプリを構築する:パート2、React" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796773565.html" title="LaravelのバックエンドでReactアプリを構築する:パート2、React" class="phphistorical_Version2_mids_title">LaravelのバックエンドでReactアプリを構築する:パート2、React</a>
								<span class="Articlelist_txts_time">Mar 04, 2025 am	 09:33 AM</span>
								<p class="Articlelist_txts_p">これは、LaravelバックエンドとのReactアプリケーションの構築に関するシリーズの2番目と最終部分です。シリーズの最初の部分では、基本的な製品上場アプリケーションのためにLaravelを使用してRESTFUL APIを作成しました。このチュートリアルでは、開発者になります</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796779059.html" title="PHPのカール:REST APIでPHPカール拡張機能を使用する方法" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/000/080/67d3a4f0ef568156.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="PHPのカール:REST APIでPHPカール拡張機能を使用する方法" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796779059.html" title="PHPのカール:REST APIでPHPカール拡張機能を使用する方法" class="phphistorical_Version2_mids_title">PHPのカール:REST APIでPHPカール拡張機能を使用する方法</a>
								<span class="Articlelist_txts_time">Mar 14, 2025 am	 11:42 AM</span>
								<p class="Articlelist_txts_p">PHPクライアントURL(CURL)拡張機能は、開発者にとって強力なツールであり、リモートサーバーやREST APIとのシームレスな対話を可能にします。尊敬されるマルチプロトコルファイル転送ライブラリであるLibcurlを活用することにより、PHP Curlは効率的なexecuを促進します</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796778255.html" title="Laravelテストでの簡略化されたHTTP応答のモッキング" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/174177056555028.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Laravelテストでの簡略化されたHTTP応答のモッキング" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796778255.html" title="Laravelテストでの簡略化されたHTTP応答のモッキング" class="phphistorical_Version2_mids_title">Laravelテストでの簡略化されたHTTP応答のモッキング</a>
								<span class="Articlelist_txts_time">Mar 12, 2025 pm	 05:09 PM</span>
								<p class="Articlelist_txts_p">Laravelは簡潔なHTTP応答シミュレーション構文を提供し、HTTP相互作用テストを簡素化します。このアプローチは、テストシミュレーションをより直感的にしながら、コード冗長性を大幅に削減します。
基本的な実装は、さまざまな応答タイプのショートカットを提供します。
Illuminate \ support \ facades \ httpを使用します。

http :: fake([[
    'google.com' =&gt; 'hello world'、
    'github.com' =&gt; ['foo' =&gt; 'bar']、
    'forge.laravel.com' =&gt;</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796778636.html" title="Codecanyonで12の最高のPHPチャットスクリプト" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/242/473/174183889317163.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Codecanyonで12の最高のPHPチャットスクリプト" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796778636.html" title="Codecanyonで12の最高のPHPチャットスクリプト" class="phphistorical_Version2_mids_title">Codecanyonで12の最高のPHPチャットスクリプト</a>
								<span class="Articlelist_txts_time">Mar 13, 2025 pm	 12:08 PM</span>
								<p class="Articlelist_txts_p">顧客の最も差し迫った問題にリアルタイムでインスタントソリューションを提供したいですか? ライブチャットを使用すると、顧客とのリアルタイムな会話を行い、すぐに問題を解決できます。それはあなたがあなたのカスタムにより速いサービスを提供することを可能にします</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796773554.html" title="Laravelの通知" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/242/473/174105133356039.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Laravelの通知" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796773554.html" title="Laravelの通知" class="phphistorical_Version2_mids_title">Laravelの通知</a>
								<span class="Articlelist_txts_time">Mar 04, 2025 am	 09:22 AM</span>
								<p class="Articlelist_txts_p">この記事では、Laravel Webフレームワークの通知システムを検討します。 Laravelの通知システムを使用すると、さまざまなチャネルでユーザーに通知を送信できます。今日は、通知ovを送信する方法について説明します</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796782794.html" title="PHPにおける後期静的結合の概念を説明します。" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202503/21/2025032113332596253.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="PHPにおける後期静的結合の概念を説明します。" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796782794.html" title="PHPにおける後期静的結合の概念を説明します。" class="phphistorical_Version2_mids_title">PHPにおける後期静的結合の概念を説明します。</a>
								<span class="Articlelist_txts_time">Mar 21, 2025 pm	 01:33 PM</span>
								<p class="Articlelist_txts_p">記事では、PHP 5.3で導入されたPHPの後期静的結合(LSB)について説明し、より柔軟な継承を求める静的メソッドコールのランタイム解像度を可能にします。 LSBの実用的なアプリケーションと潜在的なパフォーマ</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796776700.html" title="PHPロギング:PHPログ分析のベストプラクティス" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/000/080/67ce86fb248f0637.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="PHPロギング:PHPログ分析のベストプラクティス" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796776700.html" title="PHPロギング:PHPログ分析のベストプラクティス" class="phphistorical_Version2_mids_title">PHPロギング:PHPログ分析のベストプラクティス</a>
								<span class="Articlelist_txts_time">Mar 10, 2025 pm	 02:32 PM</span>
								<p class="Articlelist_txts_p">PHPロギングは、Webアプリケーションの監視とデバッグ、および重要なイベント、エラー、ランタイムの動作をキャプチャするために不可欠です。システムのパフォーマンスに関する貴重な洞察を提供し、問題の特定に役立ち、より速いトラブルシューティングをサポートします</p>
							</div>
													</div>

													<a href="https://www.php.cn/ja/be/" class="phpgenera_Details_mainL4_botton">
								<span>See all articles</span>
								<img src="/static/imghw/down_right.png" alt="" />
							</a>
											</div>
				</div>
					</div>
	</main>
	<footer>
    <div class="footer">
        <div class="footertop">
            <img src="/static/imghw/logo.png" alt="">
            <p>福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</p>
        </div>
        <div class="footermid">
            <a href="https://www.php.cn/ja/about/us.html">私たちについて</a>
            <a href="https://www.php.cn/ja/about/disclaimer.html">免責事項</a>
            <a href="https://www.php.cn/ja/update/article_0_1.html">Sitemap</a>
        </div>
        <div class="footerbottom">
            <p>
                © php.cn All rights reserved
            </p>
        </div>
    </div>
</footer>

<input type="hidden" id="verifycode" value="/captcha.html">
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>

<script src="/static/js/common_new.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js?1743734818"></script>
		<script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script>
	<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
	<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
	<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>
	<script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script>
	
	<script>
		var _paq = window._paq = window._paq || [];
		/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
		_paq.push(['trackPageView']);
		_paq.push(['enableLinkTracking']);
		(function () {
			var u = "https://tongji.php.cn/";
			_paq.push(['setTrackerUrl', u + 'matomo.php']);
			_paq.push(['setSiteId', '9']);
			var d = document,
				g = d.createElement('script'),
				s = d.getElementsByTagName('script')[0];
			g.async = true;
			g.src = u + 'matomo.js';
			s.parentNode.insertBefore(g, s);
		})();
	</script>

	
	<script>
		// top
		layui.use(function () {
			var util = layui.util;
			util.fixbar({
				on: {
					mouseenter: function (type) {
						layer.tips(type, this, {
							tips: 4,
							fixed: true,
						});
					},
					mouseleave: function (type) {
						layer.closeAll("tips");
					},
				},
			});
		});

		document.addEventListener("DOMContentLoaded", (event) => {
			// 定义一个函数来处理滚动链接的点击事件
			function setupScrollLink(scrollLinkId, targetElementId) {
				const scrollLink = document.getElementById(scrollLinkId);
				const targetElement = document.getElementById(targetElementId);

				if (scrollLink && targetElement) {
					scrollLink.addEventListener("click", (e) => {
						e.preventDefault(); // 阻止默认链接行为
						targetElement.scrollIntoView({
							behavior: "smooth"
						}); // 平滑滚动到目标元素
					});
				} else {
					console.warn(
						`Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.`
						);
				}
			}

			// 使用该函数设置多个滚动链接
			setupScrollLink("Article_Details_main1L2s_1", "article_main_title1");
			setupScrollLink("Article_Details_main1L2s_2", "article_main_title2");
			setupScrollLink("Article_Details_main1L2s_3", "article_main_title3");
			setupScrollLink("Article_Details_main1L2s_4", "article_main_title4");
			setupScrollLink("Article_Details_main1L2s_5", "article_main_title5");
			setupScrollLink("Article_Details_main1L2s_6", "article_main_title6");
			// 可以继续添加更多的滚动链接设置
		});


		window.addEventListener("scroll", function () {
			var fixedElement = document.getElementById("Article_Details_main1Lmain");
			var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器
			var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度
			var scrollHeight = document.documentElement.scrollHeight; // 页面总高度

			// 计算距离底部的距离
			var distanceToBottom = scrollHeight - scrollTop - clientHeight;

			// 当距离底部小于或等于300px时,取消固定定位
			if (distanceToBottom <= 980) {
				fixedElement.classList.remove("Article_Details_main1Lmain");
				fixedElement.classList.add("Article_Details_main1Lmain_relative");
			} else {
				// 否则,保持固定定位
				fixedElement.classList.remove("Article_Details_main1Lmain_relative");
				fixedElement.classList.add("Article_Details_main1Lmain");
      		}
    	});

	
	</script>
</body>

</html>