22.1.25 HTML 요소 / HTML, CSS, 자바스크립트 주석 비교

◎ 빈요소

• 내용이 없는 요소를 빈요소라 부른다.

• 이미지, 수평선, 줄바꿈 등

• 닫는 태그를 추가로 명시하지 않아도 된다.

• Epmty element, self-closing element, void element, single tag...

• ex)

<br>, <hr>, <img src="">, <meta charset="">, <input type="">

- HTML5에서는 태그 안에 /를 넣어도 되고 안넣어도 됨.

​

◎ 요소의 중첩 (nesting)

• 요소 안에 다른 요소가 들어가는 포함관계를 성립할 수 있다.

• 서로의 포함관계(부자관계)를 구분하기 위하여 들여쓰기를 사용한다.

​

◎ 주석(comments)

• 브라우저는 주석을 무시하여 사용자가 주석을 보이지 않게 한다.

• 주석의 목적은 코드에 메모를 추가하거나, 혹은 사용하지 않는 코드를 임시로 처리하기 위함이다.

• 문법 : <!-- 주석의 내용 -->

• 가령, 동료개발자끼리 이해할 수 있도록 써놓거나, 내가 나중에 일하기 편하게 설명을 써놓거나 미리 써놓는 경우 등..

​

​

주석 비교

• HTML 주석
  <!-- 주석의 내용 -->
• 자바스크립트 주석
  //--주석의 내용 , <!-- 주석의 내용 -->
• CSS 주석
  /* 주석의 내용 */
  ​