HTML은 요소(Elements)로 구성되어 있습니다

요소(Elements) 분석

태그 (Tag)

• 어떤 표시를 하기 위해 붙인 꼬리표. 웹 문서에 정보를 정의해주는 형식입니다.
• 기본적으로 <> 시작 태그(여는 태그) </> 종료 태그(닫는 태그)의 쌍으로 구성되어있습니다.

요소의 포함

<p>
	HTML은 요소 안에 
	<strong>다른 요소</strong>가 들어갈 수 있습니다
</p>

<!-- 잘못 사용된 예 -->
<p>
	HTML은 요소 안에 
	<strong>다른 요소 가 들어갈 수 있습니다
</p>
	</strong>

<aside> 💡 HTML의 경우, 오류를 알려주지 않고 웹브라우저가 임의로 결과를 보여줍니다. ’웬만한 오류는 알아서 처리해준다.’가 좋은 것 같지만, 예상치 못한, 의도하지 않은 화면이 될 수 있습니다! 이런 것을 방지하고 싶다면 마크업 검사를 진행해 주세요.

[Markup Validation Service]

Markup Validation Service

</aside>

빈 요소 / 셀프 크로징(Self-closing)

• 닫는 태그가 없는 태그

  <br >
  <input type="text">
  <img src="" alt="">
  

• XHTML 시절 /

  <br />
  <input type="text" />
  <img src="" alt="" />
  

• XHTML에서는 self-closing 문법을 강제화했지만, 현재는 / 를 넣어서 닫아 주지 않아도 됩니다.

주석