Angularのレイアウトファイル

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

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 を除いて、このファイルの内容はすべて理解できるはずです：

src/index.html<body>
  <app-root></app-root>
</body>

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