id=”wrap”

대부분의 웹사이트 소스를 보면 항상 wrap 또는 wrapper 아이디의 <div> 태그들이 존재합니다.

<template>
  <div id="wrap">
    <div class="container">Hello</div>
    ...

  </div>
</template>

<style>
#wrap {
  width: 90%;
  height: 480px;
  margin: 0 auto;
  border: 2px solid black;
  background: wheat;
}
</style>

특별한 의미가 있는 것은 아니고, 특별한 아이디로 웹 문서 전체를 감싸면 웹 문서의 내용이나 배경, 가운데 정렬 등 전반적인 속성을 쉽게 변경할 수 있기 때문입니다.