Angularのレイアウトファイル

サイトのレイアウトは、 src/index.htmlファイルに配置されます。それはおおよそ次のようになります：

<!doctype html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>タイトル</title>
	<base href="/">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
	<app-root></app-root>
</body>
</html>

HTMLを学んだのであれば、タグ app-root を除いて、このファイルの内容はすべて理解できるはずです：

<body>
	<app-root></app-root>
</body>

このタグはHTMLの一部ではありません。このタグはAngular自体が追加するものです。このタグが記述されている場所に、メインコンポーネントのHTMLコードが挿入されます。これについては次のレッスンでさらに詳しく説明します。

サイトのレイアウトで、ページのタイトルを変更してください。

bodyタグ内に何らかのテキストを記述してください。ブラウザに表示されることを確認してください。

ヘッダー、フッター、サイドバー、コンテンツを追加してください。 app-rootタグはサイトのコンテンツ部分に配置されるようにします。