一般的な HTML タグは次のとおりです: 1. : HTML ドキュメントのルート要素を定義します; 2.
: タイトル、スタイル、スクリプトなどの HTML ドキュメントのメタデータが含まれます; 3.
: タイトルを定義しますHTML ドキュメントの ; 4. <meta>: 文字セット、作成者、キーワードなどの HTML ドキュメントのメタデータを定義します; 5. <style>: HTML ドキュメントのスタイルを定義します; 6. <script> ：HTML文書などのスクリプトを定義します。</p><span class="Articlelist_txts_time">Nov 01, 2023 am 10:44 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ja/search?word=htmlタグ"><span class="Articlelist_txts_infoss on">htmlタグ</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/515129.html" title="一般的な HTML タグについて話しましょう" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202304/13/2023041314215433422.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="一般的な HTML タグについて話しましょう" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/515129.html" title="一般的な HTML タグについて話しましょう" class="Articlelist_txts_title">一般的な HTML タグについて話しましょう</a></h3><p class="Articlelist_txts_p">HTMLタグの設定 HTMLとはHyperText Markup Languageの略で、WebページやWebアプリケーションを作成する際に使用されるマークアップ言語です。 HTML では、さまざまなタグや属性を使用してコンテンツを整理およびフォーマットすることにより、ドキュメントが読みやすくアクセスしやすくなります。この記事では、いくつかの一般的な HTML タグとその構文と使用法に焦点を当てます。テキスト タグ HTML では、テキスト タグはテキストのスタイルと書式設定に使用されます。一般的に使用されるテキスト タグの一部を次に示します。 1. \<</p><span class="Articlelist_txts_time">Apr 13, 2023 pm 01:37 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/601968.html" title="HTMLタグ" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/887/227/169382670559036.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="HTMLタグ" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/601968.html" title="HTMLタグ" class="Articlelist_txts_title">HTMLタグ</a></h3><p class="Articlelist_txts_p">HTML の要素は、説明、キーワード、文書作成者などのメタデータを記述するために使用されます。このメタデータはページには表示されませんが、検索エンジンや Web ブラウザーなどによって使用されます。 <metaname="viewport" content="width=device-width,initial-scale=1.0"> でビューポートを設定することで、Web ページのサイズを設定することもできます。プロパティは次のとおりです - Sr.No タイプと説明1 名前属性 名前。何でも構いません。例には、キーワード、説明、作成者、リビジョン、ジェネレーターなどが含まれます。 2 コンテンツは属性の値を指定します。スキーム 3 (非推奨) は以下を指します。</p><span class="Articlelist_txts_time">Sep 04, 2023 pm 07:25 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ja/search?word=htmlタグ"><span class="Articlelist_txts_infoss on">htmlタグ</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/540385.html" title="htmlタグと使い方" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202305/15/2023051518050855759.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="htmlタグと使い方" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/540385.html" title="htmlタグと使い方" class="Articlelist_txts_title">htmlタグと使い方</a></h3><p class="Articlelist_txts_p">インターネットの普及に伴い、Web デザインは広く普及したスキルです。 Web デザインを理解したい人にとって、HTML タグとその使用法を理解することは不可欠です。 HTML は HyperText Markup Language の略称で、Web ページのコンテンツを記述するために使用されるマークアップ言語です。 HTML タグは HTML の中核であり、これらのタグを通じて Web ページの構造とスタイルを制御できます。次に、一般的な HTML タグとその使用法を見てみましょう。 1. Doctype</p><span class="Articlelist_txts_time">May 15, 2023 pm 06:05 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/415451.html" title="タイトルタグってどういう意味ですか？" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c6e50fe7c7eb296.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="タイトルタグってどういう意味ですか？" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/415451.html" title="タイトルタグってどういう意味ですか？" class="Articlelist_txts_title">タイトルタグってどういう意味ですか？</a></h3><p class="Articlelist_txts_p">title 要素はドキュメントのタイトルを定義し、ブラウザはタイトルを特別な方法で使用し、通常はブラウザ ウィンドウのタイトル バーまたはステータス バーに配置します。同様に、ドキュメントがユーザーのリンク リスト、お気に入り、ブックマーク リストに追加されると、タイトルがドキュメントへのリンクのデフォルト名になります。</p><span class="Articlelist_txts_time">Feb 21, 2019 pm 03:23 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/408210.html" title="ヘッドタグとは何ですか？ HTMLのheadタグの紹介" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/009/5b715421c3505371.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="ヘッドタグとは何ですか？ HTMLのheadタグの紹介" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/408210.html" title="ヘッドタグとは何ですか？ HTMLのheadタグの紹介" class="Articlelist_txts_title">ヘッドタグとは何ですか？ HTMLのheadタグの紹介</a></h3><p class="Articlelist_txts_p">この記事では、headタグとは何なのかについての内容をお届けします。 HTML での head タグの導入は、参考にしていただければ幸いです。</p><span class="Articlelist_txts_time">Aug 13, 2018 pm 05:50 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ja/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/414890.html" title="ヘッドのラベルは何ですか？" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c516c9641d3c479.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="ヘッドのラベルは何ですか？" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/414890.html" title="ヘッドのラベルは何ですか？" class="Articlelist_txts_title">ヘッドのラベルは何ですか？</a></h3><p class="Articlelist_txts_p">headタグは、WebページのHEAD部分に組み込まれるタグで、一般的にWebページを送信する際に使用するスクリプト言語やメソッドを宣言するために使用されます。</p><span class="Articlelist_txts_time">Jan 30, 2019 pm 05:22 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ja/search?word=head"><span class="Articlelist_txts_infoss on">head</span></a><a href="https://m.php.cn/ja/search?word=ヘッドタグ"><span class="Articlelist_txts_infoss ">ヘッドタグ</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/385368.html" title="HTML メタタグの一般的な使用法の紹介" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/061/021/5a654ffb08ded432.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="HTML メタタグの一般的な使用法の紹介" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/385368.html" title="HTML メタタグの一般的な使用法の紹介" class="Articlelist_txts_title">HTML メタタグの一般的な使用法の紹介</a></h3><p class="Articlelist_txts_p">今回はHTMLメタタグの一般的な使い方と、HTMLメタタグを使用する際の注意点を実際の事例を交えて紹介します。</p><span class="Articlelist_txts_time">Jan 22, 2018 am 10:44 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ja/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a><a href="https://m.php.cn/ja/search?word=meta"><span class="Articlelist_txts_infoss ">meta</span></a><a href="https://m.php.cn/ja/search?word=使用法"><span class="Articlelist_txts_infoss ">使用法</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/453181.html" title="スタイルタグの機能とは何ですか" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202006/28/2020062811391967846.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="スタイルタグの機能とは何ですか" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/453181.html" title="スタイルタグの機能とは何ですか" class="Articlelist_txts_title">スタイルタグの機能とは何ですか</a></h3><p class="Articlelist_txts_p">style タグは、定義するスタイルを記述するために使用されます。style タグは、HTML ドキュメントのスタイル情報を定義するために使用されます。style 要素では、HTML 要素がブラウザーでどのように表示されるかを指定できます。style タグは次のようになります。頭の中に置かれます。</p><span class="Articlelist_txts_time">Jun 28, 2020 am 11:41 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ja/search?word=css"><span class="Articlelist_txts_infoss on">css</span></a><a href="https://m.php.cn/ja/search?word=style"><span class="Articlelist_txts_infoss ">style</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/415259.html" title="スクリプトタグとはどういう意味ですか?" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c67a2b596718778.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="スクリプトタグとはどういう意味ですか?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/415259.html" title="スクリプトタグとはどういう意味ですか?" class="Articlelist_txts_title">スクリプトタグとはどういう意味ですか?</a></h3><p class="Articlelist_txts_p">script タグは、JavaScript などのクライアント側スクリプトを定義するために使用されます。script 要素には、スクリプト ステートメントを含めたり、src 属性を通じて外部スクリプト ファイルを指定したりできます。</p><span class="Articlelist_txts_time">Feb 16, 2019 pm 01:43 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ja/search?word=スクリプトタグ"><span class="Articlelist_txts_infoss on">スクリプトタグ</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/420831.html" title="HTMLのボディタグの使い方" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/020/5cecabcd14547560.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="HTMLのボディタグの使い方" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/420831.html" title="HTMLのボディタグの使い方" class="Articlelist_txts_title">HTMLのボディタグの使い方</a></h3><p class="Articlelist_txts_p">html body タグは Web ページの本文部分であり、Web ページのメイン コンテンツを定義するために使用され、HTML ドキュメントの必須部分でもあります。 body 要素には、ドキュメントのすべてのコンテンツ (テキスト、ハイパーリンク、画像、表、リストなど) が含まれます。</p><span class="Articlelist_txts_time">May 28, 2019 am 11:34 AM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/409228.html" title="html5のヘッダータグは何を意味するのでしょうか？ html5ヘッダタグの使い方を詳しく解説（例付き）" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/023/5b876a6db9acd783.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="html5のヘッダータグは何を意味するのでしょうか？ html5ヘッダタグの使い方を詳しく解説（例付き）" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/409228.html" title="html5のヘッダータグは何を意味するのでしょうか？ html5ヘッダタグの使い方を詳しく解説（例付き）" class="Articlelist_txts_title">html5のヘッダータグは何を意味するのでしょうか？ html5ヘッダタグの使い方を詳しく解説（例付き）</a></h3><p class="Articlelist_txts_p">この記事では、html5のheaderタグの要素の基本的な紹介とheaderタグの使用例の分析を中心に紹介します。 html5ヘッダータグについてはこの記事を見てみましょう。</p><span class="Articlelist_txts_time">Aug 30, 2018 pm 01:41 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ja/search?word=header"><span class="Articlelist_txts_infoss on">header</span></a><a href="https://m.php.cn/ja/search?word=html"><span class="Articlelist_txts_infoss ">html</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/415186.html" title="ナビタグとは何ですか？" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c6627e5dd23f973.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="ナビタグとは何ですか？" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/415186.html" title="ナビタグとは何ですか？" class="Articlelist_txts_title">ナビタグとは何ですか？</a></h3><p class="Articlelist_txts_p">nav タグは、ナビゲーション リンクの一部を定義し、ナビゲーション プロパティを含むリンクを一緒に分割することで、コード構造を意味的により正確にし、スクリーン リーダーなどのデバイスのサポートを強化します。</p><span class="Articlelist_txts_time">Feb 15, 2019 am 10:48 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ja/search?word=ナビタグ"><span class="Articlelist_txts_infoss on">ナビタグ</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/408543.html" title="html5のメインタグとは何を意味するのでしょうか？ html5のメインタグの役割を詳しく紹介" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/023/5b7633770fc3b240.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="html5のメインタグとは何を意味するのでしょうか？ html5のメインタグの役割を詳しく紹介" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/408543.html" title="html5のメインタグとは何を意味するのでしょうか？ html5のメインタグの役割を詳しく紹介" class="Articlelist_txts_title">html5のメインタグとは何を意味するのでしょうか？ html5のメインタグの役割を詳しく紹介</a></h3><p class="Articlelist_txts_p">html5のメインタグとは何を意味するのでしょうか？ html5のメインタグの役割を詳しく紹介します。この記事では、html5 メイン タグの定義と具体的な機能、および html5 メイン タグの使用方法について詳しく説明します。</p><span class="Articlelist_txts_time">Aug 17, 2018 pm 01:41 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/415262.html" title="セクションタグの機能とは何ですか" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c67a54a09907875.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="セクションタグの機能とは何ですか" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/415262.html" title="セクションタグの機能とは何ですか" class="Articlelist_txts_title">セクションタグの機能とは何ですか</a></h3><p class="Articlelist_txts_p">セクションタグは文書内のセクション（セクション、セクション）を定義します。章、ヘッダー、フッター、またはドキュメントの他の部分など、section 要素はドキュメントまたはアプリケーションのセクションを表します。 「セクション」とは、トピックごとにグループ化されたコンテンツの領域を意味し、通常はタイトルが付いています。</p><span class="Articlelist_txts_time">Feb 16, 2019 pm 01:54 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/ja/faq/414996.html" title="記事タグは何をするのでしょうか？" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c53ed6403796360.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="記事タグは何をするのでしょうか？" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/ja/faq/414996.html" title="記事タグは何をするのでしょうか？" class="Articlelist_txts_title">記事タグは何をするのでしょうか？</a></h3><p class="Articlelist_txts_p">HTML の記事タグの役割は、独立した自己完結型コンテンツを指定することです。外部コンテンツは、外部ニュース プロバイダーからの新しい記事、ブログからのテキスト、フォーラムからのテキスト、またはその他の外部ソースのソース コンテンツです。 。</p><span class="Articlelist_txts_time">Feb 01, 2019 pm 02:56 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/ja/search?word=記事タグ"><span class="Articlelist_txts_infoss on">記事タグ</span></a></div></div></div><hr /><ul class="pagination"><div class="mngfPage"><ul class="page"> <a href="javascript:;" class="active">1</a><a href="/ja/faq/cjdhtmlbq?p=2">2</a><a href="/ja/faq/cjdhtmlbq?p=3">3</a> <a href="/ja/faq/cjdhtmlbq?p=2">></a></ul></div></ul></div><div class="AI_ToolDetails_main4sR"><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'"
src="/static/imghwm/hotarticle2.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/624097.html" title="一般的な HTML タグ" class="phpgenera_Details_mainR4_bottom_title">一般的な HTML タグ</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1年前</span><span>Byzbt</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/603677.html" title="タグの意味は何ですか" class="phpgenera_Details_mainR4_bottom_title">タグの意味は何ですか</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1年前</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/601968.html" title="HTMLタグ" class="phpgenera_Details_mainR4_bottom_title">HTMLタグ</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1年前</span><span>ByWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/540385.html" title="htmlタグと使い方" class="phpgenera_Details_mainR4_bottom_title">htmlタグと使い方</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1年前</span><span>ByWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/515129.html" title="一般的な HTML タグについて話しましょう" class="phpgenera_Details_mainR4_bottom_title">一般的な HTML タグについて話しましょう</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1年前</span><span>ByPHPz</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'"
src="/static/imghwm/hottools2.png" alt="" /><h2>ホットツール</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ja/ai/kits-ai" title="Kits AI" 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'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417754263702.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Kits AI" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ja/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_title"><h3>Kits AI</h3></a><p>AI アーティストの声であなたの声を変換します。独自の AI 音声モデルを作成してトレーニングします。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ja/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" 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'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417756684210.jpeg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="SOUNDRAW - AI Music Generator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ja/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_title"><h3>SOUNDRAW - AI Music Generator</h3></a><p>SOUNDRAW の AI 音楽ジェネレーターを使用して、ビデオや映画などの音楽を簡単に作成できます。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ja/ai/web-chatgptai" title="Web ChatGPT.ai" 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'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173399378227633.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Web ChatGPT.ai" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ja/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_title"><h3>Web ChatGPT.ai</h3></a><p>効率的なブラウジングのためのOpenAIチャットボット付きの無料クロム拡張機能。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ja/ai/ghibli-style" title="Ghibli Style" 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'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/174347135423733.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Ghibli Style" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ja/ai/ghibli-style" title="Ghibli Style" class="phpmain_tab2_mids_title"><h3>Ghibli Style</h3></a><p>写真をギブリスタイルのアートワークに簡単に変換してください。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ja/ai/videoideasai" title="VideoIdeas,ai" 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'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/174347133214461.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="VideoIdeas,ai" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ja/ai/videoideasai" title="VideoIdeas,ai" class="phpmain_tab2_mids_title"><h3>VideoIdeas,ai</h3></a><p>YouTubeビデオスクリプトとアイデアを生成するための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'"
src="/static/imghwm/hotarticle2.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/win10gxsbdjjf" title="WIN10アップデート失敗の解決策" class="phpgenera_Details_mainR4_bottom_title">WIN10アップデート失敗の解決策</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>244</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>11</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/vscodehvisual" title="vscode と Visual Studio の違い" class="phpgenera_Details_mainR4_bottom_title">vscode と Visual Studio の違い</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>213</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>8</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/teamviewer" title="TeamViewerが接続できない問題の解決方法" class="phpgenera_Details_mainR4_bottom_title">TeamViewerが接続できない問題の解決方法</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>290</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>6</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/wordbgky" title="ページにまたがる Word の表" class="phpgenera_Details_mainR4_bottom_title">ページにまたがる Word の表</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>348</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ja/faq/ngptnmdrbb" title="リップルコインはどのプラットフォームで購入できますか?" class="phpgenera_Details_mainR4_bottom_title">リップルコインはどのプラットフォームで購入できますか?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>95</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</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><footer><div class="footer footermedit"><div class="footertop"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/logo.png"
alt="" /><p>Public welfare online PHP training，Help PHP learners grow quickly！</p></div><div class="footermid"><a href="" title="">About us</a><a href="" title="">Disclaimer</a><a href="" title="">Sitemap</a></div><div class="footerbottom"><p>© php.cn All rights reserved</p></div></div></footer><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";
}
}
// 绑定事件监听器
function bindEventListeners() {
const toggleDisplay = (className, show, eventId) => {
document.getElementById(eventId).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");
// 控制 m_menu 的显示和隐藏
toggleDisplay("m_menu", true, "lan1sp");
toggleDisplay("m_menu", false, "m_editormain12main_topi_sp");
// 控制 m_menu_lang 的显示和隐藏
toggleDisplay("m_menu_lang", true, "lan1");
toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan");
}
// 在页面加载完成后绑定事件监听器
window.onload = bindEventListeners;
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");
},
},
});
});
// 获取关闭按钮
const closeButton = document.querySelector(".phpgenera_Details_mainR1_close");
// 获取容器元素
const container = document.querySelector(".phpgenera_Details_mainR1");
// 添加点击事件监听器
closeButton.addEventListener("click", (event) => {
event.preventDefault(); // 阻止默认的<a>点击行为
container.style.display = "none"; // 隐藏容器
});
document.addEventListener("DOMContentLoaded", () => {
// 动态获取所有滚动链接及隐藏目标元素
const links = [{
linkId: "fixed_tab_a1",
targetId: "Topic_Details_mainL2_R_title1",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
{
linkId: "fixed_tab_a2",
targetId: "Topic_Details_mainL2_R_title2",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
{
linkId: "fixed_tab_a3",
targetId: "Topic_Details_mainL2_R_title3",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
];
links.forEach(({
linkId,
targetId,
hideElementId
}) => {
const linkElement = document.getElementById(linkId);
const targetElement = document.getElementById(targetId);
const hideElement = document.getElementById(hideElementId);
if (linkElement && targetElement) {
linkElement.addEventListener("click", (e) => {
e.preventDefault(); // 阻止默认行为
// 隐藏指定元素
if (hideElement) {
hideElement.style.display = "none";
}
// 平滑滚动到目标元素
targetElement.scrollIntoView({
behavior: "smooth"
});
});
} else {
console.warn(
`Link, target, or hide element not found: ${linkId}, ${targetId}, ${hideElementId}`
);
}
});
});
</script></body></html>
327
34
