検索

HTMLのheadタグとは何ですか?

Oct 24, 2017 am 11:32 AM
headhtmlどれの

创建一个HTML文档

设置文档标题和其它在网页中不显示的信息
设置文档的标题        

最大的标题
 预先格式化文本          
下划线
黑体字    
斜体字    
打字机风格的字体
引用,通常是斜体        
强调文本(通常是斜体加黑体)
加重文本(通常是斜体加黑体)
设置字体大小从1到7,颜色使用名字或RGB的十六进制值
基准字体标记
字体加大
字体缩小        
加删除线
程式码          
键盘字
范例    
变量
向右缩排
述语定义
地址标记
上标字    
下标字
...固定寬度字体(在文件中空白、換行、定位功能有效)
...</plaintext>固定寬度字體(不執行標記符號)<br><listing>...</listing> 固定寬度小字體  <br><font color="00ff00">...</font>字體顏色<br><font size="1">...</font>最小字體  <br><font style="'font-size:100" px>...</font>無限增大 <p> </p> <p>格式标志标签<br></p> <p></p> 创建一个段落    <br><p align=""> 将段落按左、中、右对齐  <br><br> 换行 插入换行符  <br></p> <blockquote></blockquote> 从两边缩进文本<br><dl></dl> 定义列表<br><dt> 放在每个定义术语词前<br> </dt> <dd> 放在每个定义之前<br><ol></ol> 创建一个标有数字的列表  <br><ul></ul> 创建一个标有圆点的列表<br><li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,<br>  若在<ul></ul>之间则每个列表项加上一个圆点    <br><div align=""></div> 大きな HTML 段落のタイプセットに使用され、テーブルの書式設定にも使用されます <br><menu> ディレクトリ リスト <br><nobr></nobr> 改行を強制しない <br><hr size="9 " width="80%" color="ff0000">水平線 (幅を設定) <br><center></center> 水平方向中央揃え <br>リンクロゴテーブルロゴ<p><a href="URL"> ハイパーテキスト リンクを作成します <br></a><a href="mailtEMAIL"><br></a> メールを自動的に送信するリンクを作成します <br><a name="name"></a>ドキュメント内のブックマークにあるリンク<br><a href="#name"></a> ドキュメント内にあるブックマークへのリンクを作成します<br><base>このサイトでは認識されません<br>&lt ; LINK> リンクとソースの関係を定義します<br></p>リンク マークの注釈: <p></p>◆target="..." はリンク ソースが表示される場所を決定します (ユーザー定義の名前、_blank、 _parent, _self, _top <p> ◆rel="..." 送信リンクの種類 <br>◆rev="..." 保存されたリンクの種類 <br>◆accesskey="..." この要素のホットキーを指定 <br>◆shape= "..." 定義された形状 (デフォルト、長方形、円、ポリ) を使用してクライアント側のグラフィックス ミラーリングを定義できます<br>◆coord="..."ピクセルまたは長さのパーセンテージを使用して形状のサイズを定義します<br>◆tabindex= "..."定義を使用 渡された tabindex 要素は、各要素間のフォーカス取得順序を設定します (要素にフォーカスを取得するにはタブキーを使用します)<br></p> </menu> </li> </dd><p>以上がHTMLのheadタグとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。</p></div><div class="wzconShengming_sp"><div class="bzsmdiv_sp">声明</div><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="phpgenera_Details_mainL4"><div class="phpmain1_2_top"><a href="javascript:void(0);" class="phpmain1_2_top_title">関連記事<img class="lazy" data-src="/static/imghwm/index2_title2.png" src="/static/imghw/default1.png" alt="" /></a></div><div class="phpgenera_Details_mainL4_info"><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ja/faq/1796807468.html" title="HTMLタグとHTML属性の違いは何ですか?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174715211216322.jpg?x-oss-process=image/resize,p_40" alt="HTMLタグとHTML属性の違いは何ですか?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ja/faq/1796807468.html" title="HTMLタグとHTML属性の違いは何ですか?" class="phphistorical_Version2_mids_title">HTMLタグとHTML属性の違いは何ですか?</a><span class="Articlelist_txts_time">May 14, 2025 am 12:01 AM</span><p class="Articlelist_txts_p">htmltagsdeTheStructureOfawebpage、whiLeattributesdddddddddtetails.1)tagslike、andoutlineThecontentのsplacement.2)属性、クラス、およびスチリーンハンシテアグビーズイメージソース、スタイリング、および改善、および改善の想像力。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ja/faq/1796806997.html" title="HTMLの未来:進化とトレンド" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174706567273904.jpg?x-oss-process=image/resize,p_40" alt="HTMLの未来:進化とトレンド" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ja/faq/1796806997.html" title="HTMLの未来:進化とトレンド" class="phphistorical_Version2_mids_title">HTMLの未来:進化とトレンド</a><span class="Articlelist_txts_time">May 13, 2025 am 12:01 AM</span><p class="Articlelist_txts_p">HTMLの未来は、よりセマンティック、機能的、モジュール式方向に発展します。 1)セマンティック化により、タグがコンテンツをより明確に説明し、SEOとバリアのないアクセスを改善します。 2)機能化は、ユーザーのニーズを満たすために新しい要素と属性を導入します。 3)モジュール性は、コンポーネントの開発をサポートし、コードの再利用性を改善します。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ja/faq/1796806620.html" title="Web開発にとってHTML属性が重要なのはなぜですか?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174697927077358.jpg?x-oss-process=image/resize,p_40" alt="Web開発にとってHTML属性が重要なのはなぜですか?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ja/faq/1796806620.html" title="Web開発にとってHTML属性が重要なのはなぜですか?" class="phphistorical_Version2_mids_title">Web開発にとってHTML属性が重要なのはなぜですか?</a><span class="Articlelist_txts_time">May 12, 2025 am 12:01 AM</span><p class="Articlelist_txts_p">htmlattributesarecrucialinwebdevevermentmentmentmentmentmentmentmention behavior、like、andfunctionality.theyenhance -interactivity、accessibility、andseo.forexample、thesrcattribute intagsimpactsseo</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ja/faq/1796806356.html" title="Alt属性の目的は何ですか?なぜそれが重要なのですか?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174689286829156.jpg?x-oss-process=image/resize,p_40" alt="Alt属性の目的は何ですか?なぜそれが重要なのですか?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ja/faq/1796806356.html" title="Alt属性の目的は何ですか?なぜそれが重要なのですか?" class="phphistorical_Version2_mids_title">Alt属性の目的は何ですか?なぜそれが重要なのですか?</a><span class="Articlelist_txts_time">May 11, 2025 am 12:01 AM</span><p class="Articlelist_txts_p">ALT属性は、HTMLのタグの重要な部分であり、画像の代替テキストを提供するために使用されます。 1.画像をロードできない場合、ALT属性のテキストが表示され、ユーザーエクスペリエンスが向上します。 2。スクリーンリーダーは、ALT属性を使用して、視覚障害のあるユーザーが写真の内容を理解するのに役立ちます。 3. ALT属性のEnginesインデックステキストを検索して、WebページのSEOランキングを改善します。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ja/faq/1796805717.html" title="HTML、CSS、およびJavaScript:例と実用的なアプリケーション" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174672011334314.jpg?x-oss-process=image/resize,p_40" alt="HTML、CSS、およびJavaScript:例と実用的なアプリケーション" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ja/faq/1796805717.html" title="HTML、CSS、およびJavaScript:例と実用的なアプリケーション" class="phphistorical_Version2_mids_title">HTML、CSS、およびJavaScript:例と実用的なアプリケーション</a><span class="Articlelist_txts_time">May 09, 2025 am 12:01 AM</span><p class="Articlelist_txts_p">Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造の構築に使用されます。 2。CSSは、Webページの外観を美化するために使用されます。 3. JavaScriptは、動的な相互作用を実現するために使用されます。タグ、スタイル、スクリプトを通じて、これら3つは最新のWebページのコア関数を構築します。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ja/faq/1796805257.html" title="Lang属性をタグにどのように設定しますか?なぜこれが重要なのですか?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174663382259830.jpg?x-oss-process=image/resize,p_40" alt="Lang属性をタグにどのように設定しますか?なぜこれが重要なのですか?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ja/faq/1796805257.html" title="Lang属性をタグにどのように設定しますか?なぜこれが重要なのですか?" class="phphistorical_Version2_mids_title">Lang属性をタグにどのように設定しますか?なぜこれが重要なのですか?</a><span class="Articlelist_txts_time">May 08, 2025 am 12:03 AM</span><p class="Articlelist_txts_p">タグのLang属性を設定することは、WebアクセシビリティとSEOを最適化する重要なステップです。 1)ラング属性をタグに設定します。 2)多言語コンテンツでは、ようなさまざまな言語パーツのLang属性を設定します。 3)「EN」、「FR」、「ZH」などのISO639-1標準に準拠する言語コードを使用します。Lang属性を正しく設定すると、Webページと検索エンジンランキングのアクセシビリティが向上します。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ja/faq/1796804867.html" title="HTML属性の目的は何ですか?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174654727339266.jpg?x-oss-process=image/resize,p_40" alt="HTML属性の目的は何ですか?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ja/faq/1796804867.html" title="HTML属性の目的は何ですか?" class="phphistorical_Version2_mids_title">HTML属性の目的は何ですか?</a><span class="Articlelist_txts_time">May 07, 2025 am 12:01 AM</span><p class="Articlelist_txts_p">htmlattributeSareSientionalentionalentionalentionalentiallyance'functionalityandappearance.theyaddinformationtodefinebehavior、light、and interaction、makewebsitesteractive、responsive、andviseallyappaleal.attributeslikesrc、href、class、型、およびdoadabledransform</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ja/faq/1796804679.html" title="HTMLでリストを作成するにはどうすればよいですか?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174646087491390.jpg?x-oss-process=image/resize,p_40" alt="HTMLでリストを作成するにはどうすればよいですか?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ja/faq/1796804679.html" title="HTMLでリストを作成するにはどうすればよいですか?" class="phphistorical_Version2_mids_title">HTMLでリストを作成するにはどうすればよいですか?</a><span class="Articlelist_txts_time">May 06, 2025 am 12:01 AM</span><p class="Articlelist_txts_p">toreatealistinhtml、useforunorderedlistsandfororderedlists:1)forunorderedlists、wrapitemsinanduseforeachitem、renderingasabulletedlist.2)</p></div></div><a href="https://m.php.cn/ja/web-designer.html" class="phpgenera_Details_mainL4_botton"><span>See all articles</span><img class="lazy" data-src="/static/imghwm/down_right.png" src="/static/imghw/default1.png" alt="" /></a></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="AI_ToolDetails_main4sR"><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>ホットAIツール</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/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://m.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://m.php.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/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://m.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://m.php.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/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://m.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://m.php.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/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://m.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://m.php.cn/ja/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ja/ai/video-swap" title="Video Face Swap"class="phpmain_tab2_mids_title"><h3>Video Face Swap</h3></a><p>完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.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/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>人気の記事</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/1796796771.html" title="KB5055612を修正する方法Windows 10にインストールできませんか?" class="phpgenera_Details_mainR4_bottom_title">KB5055612を修正する方法Windows 10にインストールできませんか?</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4週間前</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/1796797907.html" title="&lt;🎜&gt;:庭を育てる - 完全な突然変異ガイド" class="phpgenera_Details_mainR4_bottom_title">&lt;🎜&gt;:庭を育てる - 完全な突然変異ガイド</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3週間前</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/1796797130.html" title="&lt;🎜&gt;:バブルガムシミュレーターインフィニティ - ロイヤルキーの取得と使用方法" class="phpgenera_Details_mainR4_bottom_title">&lt;🎜&gt;:バブルガムシミュレーターインフィニティ - ロイヤルキーの取得と使用方法</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4週間前</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/1796796926.html" title="Nordhold:Fusion System、説明" class="phpgenera_Details_mainR4_bottom_title">Nordhold:Fusion System、説明</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4週間前</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/1796797896.html" title="マンドラゴラ:魔女の木のささやき - グラップリングフックのロックを解除する方法" class="phpgenera_Details_mainR4_bottom_title">マンドラゴラ:魔女の木のささやき - グラップリングフックのロックを解除する方法</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3週間前</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.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/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>ホットツール</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ja/toolset/development-tools/1473" title="SublimeText3 英語版" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/5aab40b1a662e720.jpg" src="/static/imghw/default1.png" alt="SublimeText3 英語版" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ja/toolset/development-tools/1473" title="SublimeText3 英語版" class="phpmain_tab2_mids_title"><h3>SublimeText3 英語版</h3></a><p>推奨: Win バージョン、コードプロンプトをサポート!</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ja/toolset/development-tools/1579" title="SecLists" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/008/169442209227215.jpg" src="/static/imghw/default1.png" alt="SecLists" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ja/toolset/development-tools/1579" title="SecLists" class="phpmain_tab2_mids_title"><h3>SecLists</h3></a><p>SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ja/toolset/development-tools/1574" title="Safe Exam Browser" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/017/169233952169011.png" src="/static/imghw/default1.png" alt="Safe Exam Browser" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ja/toolset/development-tools/1574" title="Safe Exam Browser" class="phpmain_tab2_mids_title"><h3>Safe Exam Browser</h3></a><p>Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ja/toolset/development-tools/660" title="AtomエディタMac版ダウンロード" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ed8cfa94c1a582.jpg" src="/static/imghw/default1.png" alt="AtomエディタMac版ダウンロード" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ja/toolset/development-tools/660" title="AtomエディタMac版ダウンロード" class="phpmain_tab2_mids_title"><h3>AtomエディタMac版ダウンロード</h3></a><p>最も人気のあるオープンソースエディター</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg" src="/static/imghw/default1.png" alt="メモ帳++7.3.1" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.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><div class="phpgenera_Details_mainR3_more"><a href="https://m.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/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>ホットトピック</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/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 class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1670</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>14</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.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 class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1428</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>52</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.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 class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1329</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>25</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.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 class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1276</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>29</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/c-tutorial" title="C# チュートリアル" class="phpgenera_Details_mainR4_bottom_title">C# チュートリアル</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1256</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>24</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ja/faq/zt">もっと見る</a></div></div></div></div></main><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</p></div><div class="footermid"><a href="https://m.php.cn/ja/about/us.html">私たちについて</a><a href="https://m.php.cn/ja/about/disclaimer.html">免責事項</a><a href="https://m.php.cn/ja/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></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' 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> 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> jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script><script>// 通用函数,用于显示或隐藏元素 function toggleElementsDisplay(className, show) { const elements = document.getElementsByClassName(className); for (let i = 0; i < elements.length; i++) { elements[i].style.display = show ? "block" : "none"; } } // 页面加载完成后执行的主函数 document.addEventListener("DOMContentLoaded", () => { // 1. 绑定菜单按钮事件 const bindMenuEvents = () => { const toggleDisplay = (className, show, eventId) => { const element = document.getElementById(eventId); if (element) { element.addEventListener("click", (event) => { event.preventDefault(); toggleElementsDisplay(className, show); }); } }; toggleDisplay("m_editormain12main", true, "fixed_tab_img"); toggleDisplay("m_editormain12main", false, "fixed_tab_topi"); toggleDisplay("m_editormain12main", false, "fixed_tab_close"); toggleDisplay("m_menu", true, "lan1sp"); toggleDisplay("m_menu", false, "m_editormain12main_topi_sp"); toggleDisplay("m_menu_lang", true, "lan1"); toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan"); }; // 2. 绑定滚动链接事件 const bindScrollLinks = () => { const titleList = document.getElementById("fixed_tab_titlelist"); const menuMain = document.getElementsByClassName("m_editormain12main")[0]; const links = document.querySelectorAll('.fixed_tab_a'); links.forEach(linkElement => { if (linkElement) { linkElement.addEventListener("click", async (e) => { e.preventDefault(); e.stopPropagation(); // 先隐藏菜单 if (menuMain) menuMain.style.display = "none"; if (titleList) titleList.style.display = "none"; // 获取目标元素的 ID const targetId = linkElement.getAttribute('href').substring(1); const targetElement = document.getElementById(targetId); // 等待 DOM 更新 await new Promise(resolve => requestAnimationFrame(resolve)); // 滚动到目标位置 if (targetElement) { targetElement.scrollIntoView({ behavior: "smooth", block: "start" }); } }); } }); }; // 3. 绑定关闭按钮事件 const bindCloseButton = () => { const closeButton = document.querySelector(".phpgenera_Details_mainR1_close"); const container = document.querySelector(".phpgenera_Details_mainR1"); if (closeButton && container) { closeButton.addEventListener("click", (event) => { event.preventDefault(); container.style.display = "none"; }); } }; // 4. 初始化菜单交互功能 const initMenuInteraction = () => { const menuGroupElements = document.querySelectorAll('.layui-menu-item-group'); menuGroupElements.forEach(menuItem => { menuItem.addEventListener('click', function(event) { if (event.target.closest('.m_menusnames')) { return; } this.classList.toggle('layui-menu-item-down'); this.classList.toggle('layui-menu-item-up'); const subMenuContainer = this.querySelector('.m_menusnames'); const icon = this.querySelector('.layui-icon'); if (subMenuContainer && icon) { if (this.classList.contains('layui-menu-item-down')) { subMenuContainer.style.display = 'block'; icon.classList.remove('layui-icon-down'); icon.classList.add('layui-icon-up'); } else { subMenuContainer.style.display = 'none'; icon.classList.remove('layui-icon-up'); icon.classList.add('layui-icon-down'); } } }); }); }; // 5. 初始化 layui 功能 const initLayui = () => { if (typeof layui !== 'undefined') { layui.use(function () { var util = layui.util; if (util && util.fixbar) { util.fixbar({ on: { mouseenter: function (type) { if (layer && layer.tips) { layer.tips(type, this, { tips: 4, fixed: true, }); } }, mouseleave: function (type) { if (layer && layer.closeAll) { layer.closeAll("tips"); } }, }, }); } }); } }; // 执行所有初始化函数 bindMenuEvents(); bindScrollLinks(); bindCloseButton(); initMenuInteraction(); initLayui(); }); </script></body></html>