HTMLでドキュメントのタイトルを追加する方法を解説
HTMLでドキュメントのタイトルを追加するには?
HTMLでドキュメントのタイトルを追加するには、<title>タグを使用します。このタグは、HTMLドキュメント自体のタイトルを示すためのものです。
<title>タグは、<head>タグと</head>タグの間に必ず記述する必要があります。ここで指定したタイトルは、ブラウザのタイトルバーやタブ、ブックマーク(お気に入り)登録時、さらにGoogleなどの検索エンジンの検索結果ページにも表示されるため、SEOの観点からも非常に重要な要素です。
なお、<title>タグ内のテキストは1つのHTMLドキュメントにつき1つだけ設定でき、ページごとに内容の異なる適切なタイトルを付けることが推奨されています。
コード例
実際に次のコードを実行して、HTMLでドキュメントのタイトルを追加する方法を確認してみましょう。
<!DOCTYPE html>
<html>
<head>
<title>ここにタイトルが入ります</title>
</head>
<body>
<p><title>タグは、HTMLドキュメントのタイトルを示すために使用します。
ドキュメントのタイトルは、ブラウザのタイトルバーで確認できます。</p>
</body>
</html>-
HTML Webページにオーディオプレーヤーを追加する方法
HTMLでのオーディオ再生の基本Webページに音声を埋め込むには、HTMLの<audio>要素を使用します。この要素にcontrols属性を追加すると、再生・一時停止・音量調整などができるオーディオプレーヤーがブラウザ上に表示されます。対応している音声フォーマットHTMLの<audio>要素でサポートされている主な音声フォーマットは以下の3つです。MP3(audio/mpeg)― 最も広く使われている形式で、ほぼすべてのブラウザで再生可能Wav(audio/wav)― 非圧縮の高音質形式だが、ファイルサイズが大きくなりがちOgg(audio/ogg)― オープンソースの
-
HTML DOM Titleオブジェクトとは?textプロパティの使い方をわかりやすく解説
HTML DOM Titleオブジェクトの概要HTML DOM の Title オブジェクトは、HTML ドキュメント内の <title> 要素を表すオブジェクトです。このオブジェクトを利用することで、JavaScript からページのタイトルを動的に取得したり変更したりすることが可能になります。<title> 要素の作成方法新しい <title> 要素を作成するには、document.createElement() メソッドを使用します。var titleObject = document.createElement(TITLE)ここで作成した「title