<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>JavaScript Tetris</title>
    <meta property="og:title" content="JavaScript Tetris" />
    <meta name="description" content="Tetris game made with modern JavaScript." />
    <meta name="twitter:description" content="Tetris game made with modern Javascript." />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@melcor76" />
    <meta name="keywords" content="JavaScript, Tetris" />
    <meta name="author" content="Michael Karén" />
    <meta
      property="og:image"
      content="https://focused-mestorf-930f82.netlify.com/assets/share-image.png"
    />
    <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="styles.css" />
  </head>

헤드부분이 이해가 안되는데 수많은 meta가 뭔가요..? 

link는 뭐고.. meta는 다 지워도 똑가팅 돌아가던데..