HTML 基本チュートリアル

HTML メディア

<head> 要素はすべてのヘッダーエレメントのコンテナです。<head> 内の要素は、スクリプト、スタイルシートの場所を指示する、メタ情報を提供するなどが含まれます。

<title> - HTMLドキュメントのタイトルを定義します
<title> タグを使用して、HTMLドキュメントのタイトルを定義します

<base> - すべてのリンクのURLを定義します
<base> を使用して、ページ中のすべてのリンクのデフォルトのリンクターゲットアドレスを定義します。

<head> 要素はすべてのヘッダータグ要素を含みます。HTMLの <head> 要素では、スクリプト（scripts）や、スタイルシート（CSS）、さまざまなmeta情報を挿入できます。

ヘッダーゾーンに追加できる要素タグは: <title>, <style>, <meta>, <link>, 　 <script>, <noscript>, and <base>.

<title> タグは異なるドキュメントのタイトルを定義します。

<title> はHTML/XHTMLドキュメントでは必須です。

<title> 要素:

シンプルなHTMLドキュメント:

例

<!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>HTMLドキュメントのタイトル</title>
</head>
　
<body>
HTMLドキュメントの内容......
</body>
　
</html>

<base> タグは基本的なリンクアドレスを説明します/リンクのターゲット、このタグはHTMLドキュメント中のすべてのリンクタグのデフォルトリンクとして機能します:

<head>
<base　href="https://ja.oldtoolbag.com/images/"　target="_blank">
</head>

<head>
<link　rel="stylesheet"　type="text/css"　href="style.css">
</head>

<head>
<style type="text/css">
/*ウェブページの背景色を定義しています*/
body {background-color:red}
p {color:green}
</style>
</head>

metaタグは基本的なメタデータを説明しています。

META要素は、ウェブページの説明、キーワード、ファイルの最終修改日時、作者、その他のメタデータを指定するために使用されます。

メタデータはブラウザ（内容の表示方法やページの再読み込み）、検索エンジン（キーワード）、その他のWebサービスに使用できます。

検索エンジンにキーワード（keywords）を定義します：

<meta name="keywords" content="HTML, CSS, XML, XHTML, JS, PHP">

ウェブページの説明内容（description）を定義します：

<meta name="description" content="無料オンライン基礎教材">

ウェブページにモバイル端末とPC端末の自動調整（viewport）を定義します：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"　/>

ウェブページの作者（author）を定義しています

<meta name="author" content="w3codebox">

毎10ページをリフレッシュするための秒数（Refresh）:

<meta http-equiv="refresh" content="10">

タグ	説明
<head>	ドキュメントの情報を定義しています
<title>	ドキュメントのタイトルを定義しています
<base>	ページリンクタグのデフォルトのリンク先を定義しています
<link>	ドキュメントと外部リソースの関係を定義しています
<meta>	HTMLドキュメント内のメタデータを定義
<script>	クライアントのスクリプトファイルを定義
<style>	HTMLドキュメントのスタイルを定義するファイル