HTMLの</pre>タグは、Webページのタイトルを定義します。このタイトルは、ブラウザのタブバーに表示され、お気に入りリストにページを追加すると表示されます。すべてのWebページには<pre class="prettyprint"><title></pre>タグが含まれている必要があります。</em></p> <p> Webページを作成するときは、そのWebページのタイトルを指定する必要があります。たとえば、地元のパン屋のWebサイトのホームページを作成しているとします。パン屋の名前をウェブページのタイトルとして表示したい場合があります。</p><p>ここで、HTML <em> <pre class="prettyprint"> <title> </pre></em>タグが使用されます。 。<em>タグ<pre class="prettyprint"><title></pre> </ em>タグは、HTMLでドキュメントのタイトルを定義し、Webページのヘッドセクションに配置されます。このチュートリアルでは、例を参照して、<em> <pre class="prettyprint"> <title> </pre></em>タグの重要性とコードでの使用方法について説明します。</p><h2> HTMLヘッドリフレッシャー</h2><p> HTMLでは、<em> <head></em>要素を使用してヘッダー要素を格納します。これらの要素は、ウェブページに表示されるアイコンなど、ウェブページに関する追加情報を提供します。</p> <p>一緒に、<em> <head> </ em>セクションの要素は、文書。ドキュメントで使用されているスタイルシートとスクリプトをブラウザに表示できます（使用されている場合）。</p> <h2> HTML <pre class="prettyprint"> <title> </pre> </h2> <p> HTML <em> <pre class="prettyprint"> <title> </pre> </ em>タグは、ドキュメントのタイトルを定義します。このタグは、<em> <head></em>タグ内に表示されます。このタグは、Webページの目的を要約する必要があります。ページごとに1つの<pre class="prettyprint"><title></pre>タグを指定する必要があります。</p><p>このタグの構文を見てみましょう。</p> <p> <pre class="prettyprint"> <title> </pre>タグには、開始タグと終了タグの両方があります。これらのタグの間に、Webページのタイトルを記述しました。</p> </div> </div> </a> </div> <p> <pre class="prettyprint"> <title></pre>タグのテキストはWebページに表示されません。これは、ウェブページの<body>タグではなく<head>タグに<pre class="prettyprint"> <title></pre>タグが含まれているためです。</p><p>上記のタイトルは、わかりやすいので強力です。ユーザーは正確にどのページを表示しているか。また、サイトの名前も指定しました。これにより、ユーザーが「ホーム」というタイトルで複数のタブを開いている場合に混乱を避けることができます。</p> <p>タイトルは明確で読みやすく、長すぎないようにする必要があります。次のサンプル見出しを検討してください。</p><ul><li>ブログ-ProfessionalKarma</li> <li>ProfessionalKarmaに連絡する</li><li>ProfessionalKarmaブログ</li></ul> <p>これらのタイトルはすべて、ページの目的を表しています。タイトルのタブバーのスペースは限られているため、長すぎないようにしてください。</p> <p> <pre class="prettyprint"> <title> </pre>タグは、HTML5などのすべてのグローバル属性をサポートします。このタグは、すべての主要な最新のブラウザでサポートされています。タイトルタグには、要素固有のHTML属性はありません。</p><h2>HTMLタイトルタグの例</h2><p> HTMLタイトル要素は、<em> <head></em>タグ内で定義されます。 HTMLページ。地元のパン屋、Joseph Abrams＆SonsのWebページを作成しているとします。現在ホームページを作成中であり、ペストリーショップの名前をサイトのタイトルに表示したいと考えています。</p> <p>次のコードを使用して、ページのタイトルを「<em> Giuseppe Abrams＆ Figli。</em>"：</p> <p>当サイトのウェブページを開くと、ページタイトルは" <em> Joseph Abrams＆Sons</em>"に設定されています。</p> </a> </div> <p>ここで、以前から地元のパン屋の連絡先ページを作成するとします。タイトル「<em> Contact | Joseph Abrams＆Sons </ em>＆ldquo;。このタイトルはシンプルで、ウェブページの目的もよく説明しています。</p><h2>なぜ<pre class="prettyprint"><title></pre>タグを使用する必要があるのですか？</h2><p>いくつかありますドキュメントのタイトルタグを指定する理由は重要です。</p><p>まず、<em> <pre class="prettyprint"> <title> </pre> </ em>タグは、Webブラウザのタイトルバーにページタイトルを表示します。 。たとえば、このページのタイトルは「<em> HTMLタイトルタグ：ハウツー| Python.Engineering</em>」です。このサイトのタブ名に表示されます。</p><p>2番目、<em>タグ<pre class="prettyprint"> <title> </pre> </ em>タグは、ブックマークされているか、ユーザーのWebブラウザにお気に入りとして保存されているときに、Webページにラベルを付けます。指定したタイトルは自動的に保存されます。 。Webページに適切なタイトルを使用しないと、ユーザーはお気に入りでページを見つけるのが困難になる可能性があります。</p> <p>検索エンジンは、タグのコンテンツによって異なります。タイトル。 titleタグは、検索エンジン結果ページ（SERP）のWebページのタイトルになります。SERPは、検索結果ページのエントリです。</p> <p>さらに、<em> <pre class="prettyprint"> <title> </pre> </ em>タグは、検索エンジンによってWebページの件名を決定するために使用されます。</p> <p>これで、<em> <pre class="prettyprint"> <title></preがわかりました。 > </ em>タグは重要ですが、疑問に思われるかもしれません。HTMLタイトルタグの使用方法は？この質問に答えましょう。</p><h2>結論</h2><p> T <em> <pre class="prettyprint"> <title> </pre> </ em>タグは、HTMLドキュメントのタイトルを示します。このタイトルは、Webブラウザのタブ名に表示されます。また、検索エンジンがWebページを処理してタイトルと件名を決定するときにも使用されます。</p> </a> </div> <p>このチュートリアルでは、例を参照して、HTML <em> <pre class="prettyprint"> <title> </pre></em>タグの基本について説明しました。これで、HTMLエキスパートとしてtitleタグの使用を開始する準備が整いました。</p> <p> HTMLコーディングについて詳しく知りたいですか？ <ahref="/learn-html/">HTML学習ガイド</a>をご覧ください。このガイドには、初心者向けの最高の学習リソースとコースのリストが含まれています。および中間開発者。また、主題のHTMLで読むのに最適な本もあります。</p> </div>
Michael Zippo