次.JSシリーズ経巻5「次/頭」から「頭」成分とは何か,どのように使用すべきか
この記事では、次のヘッドコンポーネントについてお話します.js
シリーズ1号を振り返って、インデックスの中でデフォルトで使われる「次/頭」から輸入される「頭」成分があります.jsこの「head」コンポーネントは基本的に次の組み込みコンポーネントです.JSは、タイトルとメタタグなどの要素を文書の< Head >要素に追加することを提供します.
我々が我々のインデックスを見るならば.jsファイル
─
実際にヘッドコンポーネントを使用して、タイトルタグとFavicon用のリンクタグをラップすることができます.HTMLドキュメント< Head >を追加するために使用した要素を追加することができます.
このインデックスルートでこのヘッドコンポーネントを実装する場合は、追加した要素(title)は他のルートで表示されません.たとえば、タイトルが'/'ルートに表示されるのを見ることができます.
─
しかし、'著者'ルートでは、タイトルは設定されません.
─
私たちのタイトル、およびすべてのページの間で共有されるいくつかのメタタグを望むなら、私たちは、カスタムの「app」コンポーネントの使用で、私たちがシリーズ1から4まで得た知識を適用することができます.'アプリを開く開く.JS 'ファイル、インポート、ヘッドコンポーネントをメインアプリケーションコンポーネントに追加します.
─
我々は今、/著者'と他のルートの両方が今、タイトルとメタタグを持っていることを参照してください.
─
─
...また、説明のためのメタタグは、それらのページのブラウザDOMで現れています.
─
あなたが'/'ルートに戻るときに、タイトルが'私の次のアプリ'ではなく、'私の小さなブログ'ではないことに気づくかもしれません.これは、' head 'コンポーネントと< title >が個々のページで実装されている場合、カスタム' app 'コンポーネントの< title >が上書きされるからです.しかし、インデックスのページには、メタタグが定義されていないので、説明のためのメタタグはまだインデックスページのブラウザDOMに現れます.したがって、JS 'でのみ、< title >が上書きされました.
これはあなたが次の組み込み'ヘッド'コンポーネント機能を理解するのに役立ちます願っています.js
ウェブデザイン、プログラミングと自己改善に関するより将来の記事のために私に続いてください😊
シリーズ1号を振り返って、インデックスの中でデフォルトで使われる「次/頭」から輸入される「頭」成分があります.jsこの「head」コンポーネントは基本的に次の組み込みコンポーネントです.JSは、タイトルとメタタグなどの要素を文書の< Head >要素に追加することを提供します.
我々が我々のインデックスを見るならば.jsファイル
─
実際にヘッドコンポーネントを使用して、タイトルタグとFavicon用のリンクタグをラップすることができます.HTMLドキュメント< Head >を追加するために使用した要素を追加することができます.
このインデックスルートでこのヘッドコンポーネントを実装する場合は、追加した要素(title)は他のルートで表示されません.たとえば、タイトルが'/'ルートに表示されるのを見ることができます.
─
しかし、'著者'ルートでは、タイトルは設定されません.
─
私たちのタイトル、およびすべてのページの間で共有されるいくつかのメタタグを望むなら、私たちは、カスタムの「app」コンポーネントの使用で、私たちがシリーズ1から4まで得た知識を適用することができます.'アプリを開く開く.JS 'ファイル、インポート、ヘッドコンポーネントをメインアプリケーションコンポーネントに追加します.
─
我々は今、/著者'と他のルートの両方が今、タイトルとメタタグを持っていることを参照してください.
─
─
...また、説明のためのメタタグは、それらのページのブラウザDOMで現れています.
─
あなたが'/'ルートに戻るときに、タイトルが'私の次のアプリ'ではなく、'私の小さなブログ'ではないことに気づくかもしれません.これは、' head 'コンポーネントと< title >が個々のページで実装されている場合、カスタム' app 'コンポーネントの< title >が上書きされるからです.しかし、インデックスのページには、メタタグが定義されていないので、説明のためのメタタグはまだインデックスページのブラウザDOMに現れます.したがって、JS 'でのみ、< title >が上書きされました.
これはあなたが次の組み込み'ヘッド'コンポーネント機能を理解するのに役立ちます願っています.js
ウェブデザイン、プログラミングと自己改善に関するより将来の記事のために私に続いてください😊
Reference
この問題について(次.JSシリーズ経巻5「次/頭」から「頭」成分とは何か,どのように使用すべきか), 我々は、より多くの情報をここで見つけました https://dev.to/ohdylan/next-js-series-5-what-is-head-component-from-next-head-and-how-should-we-use-it-4378テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol